π Key Learning Outcomes
- Understanding Next.js App Router and Supabase.
- Building a Twitter-like application.
- Implementing full stack app features.
- Learning about Client Components, Server Components, Route Handlers, Server Actions, Middleware, and Optimistic UI.
- Configuring Supabase Auth, using RLS policies, querying data, generating TypeScript definitions, and subscribing to realtime database changes.
π¨βπ« About the Course
This course delves into modern web development by exploring the Next.js App Router and Supabase. You will learn to build a Twitter clone application, gaining hands-on experience with new web development concepts and tools. By the end of the course, you'll have a solid understanding of how to create full stack applications using Next.js and Supabase.
π― Target Audience
- Ideal for developers with some experience in web development who want to enhance their skills in building full stack applications.
- Suitable for learners interested in exploring modern web development technologies and frameworks.
β Requirements
- Basic knowledge of JavaScript and web development concepts.
- Familiarity with React would be beneficial.
π Course Content
- Creating a Supabase Project and PostgreSQL Schema.
- Setting up a Next.js App.
- Querying Supabase Data.
- Implementing OAuth with GitHub.
- Authenticating Users with Supabase and Next.js.
- Using Middleware and RLS Policies.
- Dynamic UI Rendering and Protected Routes.
- Generating TypeScript Definitions.
- Setting up Relationships in PostgreSQL.
- Implementing Optimistic UI and Realtime Updates.
- Styling with Tailwind CSS.
- Deploying the Next.js App Router project to production.
Drop a comment
Build a Twitter Clone with the Next.js App Router and Supabase by Jon Meyers
Log in to leave a feedback
Loginπ Psst! Interested in More Next.js Courses?


React - The Complete Guide 2024 (incl. Next.js, Redux)Video
by Maximilian SchwarzmΓΌller
πΉοΈ Levels: π± Beginner, π Intermediate, π Advanced
β³ Duration: 68 hours
π€ Price: $10
π§βπ» Learning Platform: Udemy
Build a Full-Stack App with PrismaVideo
by Xiaoru Li
πΉοΈ Levels: π± Beginner, π Intermediate
β³ Duration: 0.5 hours
π€ Price: Free
π§βπ» Learning Platform: Egghead.io
Build Static Pages Dynamically using Next.js and the Notion APIVideo
by Jon Meyers
πΉοΈ Levels: π Intermediate
β³ Duration: 0.5 hours
π€ Price: Free
π§βπ» Learning Platform: Egghead.io