\newline Logo
Left arrow icon.
Course Thumbnail of Real-Time Collaborative Apps with Next.js and Supabase.Real-Time Collaborative Apps with Next.js and Supabase
  • 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.

    • LESSON 1.1Real-time Features - Course Introduction
    • LESSON 1.2Can you do that in realtime?
    • LESSON 1.3This Course Is for You
    • LESSON 1.4Common Issues In Realtime Applications
    • LESSON 1.5Newline Storyboarding (Demo)
    • LESSON 1.6Tech Stack
    • LESSON 1.7Why Supabase
  • 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!

    • LESSON 3.1Building The Homepage With Tailwind and Next.js
    • LESSON 3.2Building The Storypage With Tailwind and Next.js
    • LESSON 3.3Refining the Story Page
  • 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!

    • LESSON 4.1Getting Started With Supabase Database - Intro
    • LESSON 4.2Diving Into The Supabase Database
    • LESSON 4.3Setting Up Row Level Security
    • LESSON 4.4Supabase Realtime
  • 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!

    • LESSON 5.1Communicating With The Supabase Database
    • LESSON 5.2Realtime Database Changes
    • LESSON 5.3Realtime Sharing
  • 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!

    • LESSON 8.1Other real-time technologies
    • LESSON 8.2Understanding Long Polling
    • LESSON 8.3Understanding WebSockets Under The Hood
    • LESSON 8.4Exploring Server-Sent Events (SSE) Under The Hood
    • LESSON 8.5Exploring WebRTC Under The Hood
Right arrow icon.
Go to Next Lesson
Go to Next Lesson
LESSON 1.2Can you do that in realtime?
  • Go Pro
  • Courses
  • Real-Time Collaborative Apps with Next.js and Supabase
  • Real-time Features - Course Introduction
  • Go To Next Lesson
    Can you do that in realtime?
    Can you do that in realtime?

    Diving into What