$\newline Logo$

MODULE 1
Introduction
This module introduces the importance of offering real-time features to users in any application. Learn to build a real-time feature using a real-world use case. Understand the pitfalls of traditional approaches and use a modern solution to quickly offer a real-time collaborative feature to an application.
MODULE 2
Getting Started with Next.js and Supabase app
Launch your app within minutes using Next.js and Supabase. We'll kick things off by building a real-world app from scratch, delving into the foundational setup to establish a robust base for our application. Let's get started!
- LESSON 2.1Intro To The Module
- LESSON 2.2Setting Up The Next.js Project With Supabase
MODULE 3
Building the UI
Elevate your skills as you craft a polished UI using Next.js and Tailwind CSS. Our focus will be entirely dedicated to constructing the user interface for our demo app. Let's dive into the world of sleek design!
MODULE 4
Realtime
Now, let's delve into the heart of this course. We'll leverage Supabase's real-time feature and seamlessly integrate it into our application. Alongside that, we'll explore advanced concepts, including Row-Level Security (RLS). Get ready for a deep dive into these crucial aspects!
MODULE 5
Supabase with Next
In this module, we'll take a deeper dive into the Supabase database. Get ready to make real-time changes to the database and craft a sharing feature using Next.js. Let's explore the intricacies together!
MODULE 6
Final Thoughts
In the concluding module, we'll explore additional concepts of real-time communication and take a peek under the hood of these features. Let's unravel the inner workings together!
- LESSON 6.1Congratulations
MODULE 7
Platform Comparison
In the concluding module, we'll explore other realtime and backend as a service platforms like supabase.
- LESSON 7.1Supabase vs Firebase
- LESSON 7.2Supabase vs Convex
MODULE 8
Extras
In the concluding module, we'll explore additional concepts of real-time communication and take a peek under the hood of these features. Let's unravel the inner workings together!

This video is available to students only

Newline Storyboarding (Demo)

Let's talk about what we are going to build in this course

Filmmakers and videographers always use a storyboard. The creation of the storyboard is done collaboratively. This demo is about how to create a collaborative storyboard in real-time. Sharing with another email keeps the storyboard private but accessible only to the people you choose.

Introduction#

This lesson aims to explore the process of developing a collaborative real-time web application designed specifically for filmmakers. This application helps filmmakers create and share storyboards seamlessly. It aids in the storyboard creation process and facilitates real-time sharing and collaboration between members of a film crew. This enables them to add their input, give feedback, and bring their creative ideas to life.

A Real-life Application#

A typical scenario where this application comes into play is as follows:

Consider three users - User 1 and User 3 are part of the same film crew, while User 2 is an independent filmmaker. User 1 and User 3 need to collaboratively create and share a storyboard. At the same time, User 2 needs to create his own separate storyboards. This application caters to these diverse needs.

This lesson preview is part of the Real-Time Collaborative Apps with Next.js and Supabase course and can be unlocked immediately with a \newline Pro subscription or a single-time purchase. Already have access to this course? Log in here.

Unlock This Course

Get unlimited access to Real-Time Collaborative Apps with Next.js and Supabase, plus 70+ \newline books, guides and courses with the \newline Pro subscription.

$Thumbnail for the \newline course Real-Time Collaborative Apps with Next.js and Supabase$

LessonEditor