pro

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

Instructor

Kristian Freeman

20 lessons

4.4

people completed

Published 4 years ago

Updated 2 years ago

Start Watching

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.

Whether you are just starting out with frontend engineering or you are a seasoned veteran, this course will provide a strong understanding of Supabase. This course uses @supabase/supabase-js": "^1.4.2".

Prerequisite

This course will help you gain exposure to a timeless technology: relational databases, via Supabase's PostgreSQL support.

To effectively use Supabase, you need to understand the basics of SQL or Structured Query Language, and how it can be used to work with relational databases. In this talk, we'll look at the basics of SQL — how to query for data, how to insert and remove data, and how structured databases are organized using tables, rows, and columns.

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

Learner Reviews

What did you like about this course?
I loved the explanation, it was clear, and I had the opportunity to learn some tricks; I recommend it to those who want a quick course to understand the advantages of developing in next.js and supabase!
Danilo Mérida
2 years ago
What did you like about this course?
I think this course was well crafted. I would have liked to see more of the .subscription() and when to unsubscribe. There is also a supabase-auth-helper like (https://github.com/supabase/auth-helpers/blob/main/packages/nextjs/README.md) package from Supabase, which could have been an alternative to how to handle auth, and it might not have been available when the course was published, just wanted to mention it. Other than that, I learn a lot about Supabase and will bring the knowledge to my own project, thank you a lot!
Mathias Riis Sørensen
3 years ago
What did you like about this course?
The pace was ideal, the commentary was actually intelligent without being either dumbed down or overly technical for those with some experience as a web dev. The content was fantastic, and though not mentioned in the title, I was thrilled to see CloudFlare pages and workers used.
Paul Whittemore
3 years ago
How can this course be improved?
The last couple of videos just doesn't make any sense, you might wanna expand into a few detailed videos, especially the deployment section, but apart from that it's a nice course.
Learner
3 years ago
What did you like about this course?
Really GREAT course that explain either the supabase features and a clear real example of usage!
Daniele Morosinotto
3 years ago
What did you like about this course?
It did a good job showing what Supabase can do.

I liked that there's an app I can show as a result of doing this course.
João Forja
3 years ago