$\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 Course Is for You

Why and Who should learn about realtime applications

Get the project source code below, and follow along with the lesson material.

Download Project Source Code

To set up the project on your local machine, please follow the directions provided in the README.md file. If you run into any issues with running the project source code, then feel free to reach out to the author in the course's Discord channel.

|

Lesson Transcript

[00:00 - 00:09] So, who is this course for? This course is for anyone who is interested in building a real-time application with next shares and superpowers.
[00:10 - 00:25] Specifically, if you want to build and release an MVP with next shares, this course will help you to understand the use of real-time features. This course is also for you if you are a developer who is interested in understanding how to communicate with real-time databases.
[00:26 - 00:37] To get the most out of this course, you will at least need to have some knowledge of these technologies. One, an intermediate understanding of HTML, CSS and modern JavaScript.
[00:38 - 00:45] And two, basic understanding of React framework and React hook. And three is a super basic account.
[00:46 - 00:50] If you don't have a super basic account, you can create one now. Thank you for checking out this course.
[00:51 - 00:52] It's great to have you here. And let's get it started.

LessonEditor