illustration for Build a Real-Time Data Syncing Chat Application with Supabase and Next.js
pro

Build a Real-Time Data Syncing Chat Application with Supabase and Next.js

2h closed-captioning
·
20 lessons
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
Star icon$$$
4.4
69
people completed
Published 4 years ago
|
Updated 2 years ago
Pro membership required
Upgrade now

Supabase is an open-source tool for rapidly building application backends with real-time data and authentication. In this course, you'll learn the fundamentals of Supabase. You'll learn how to model complex data using PostgreSQL and SQL, build authentication flows with Oauth, and add real-time data to a Next.js application to build a fully-featured chat application, similar to Discord.

The chat app will have different "channels," which will be powered by data inside of Supabase. Users can visit these channels and write messages, which will be sent in real-time to other current users of the platform.

After this course, you will be able to model real-world scenarios in actual relational databases, understand how to manage real-time data, and leverage key functionality provided by Supabase, such as authentication, instant APIs, and real-time subscriptions.

What you'll learn:

  • Build real-time data-driven UI's
  • Manage real-time subscription data
  • Model high-level architecture concepts into API calls
  • Model data with PostgreSQL and SQL
  • Secure data with row level security
  • Build authentication flows
  • Create serverless workflows

Course Content

2h • 20 lessons

    You might also like these resources:

    illustration for SQL Fundamentals
    Tyler Clark ・33m ・Course

    After completing this course, you’ll be ready to tackle more challenging SQL topics like proper data modeling, normalizing data, and exploring different database types.

    illustration for React Real-Time Messaging with GraphQL using urql and OneGraph
    Ian Jones ・1h 21m ・Course

    The course starts with a fresh CRA and then moves forward to setting up & consuming the GraphQL subscription.

    illustration for Build a site from scratch with Next.js, TypeScript, Emotion and Netlify
    Tomasz Łakomy ・37m ・Course

    In this course, we're going to learn how to harness the power of Next.js + TypeScript and how to work with Netlify in order to deploy our site for others to enjoy!