đ 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?
Build a Full-Stack App with PrismaVideo
by Xiaoru Li
đšī¸ Levels: đą Beginner, đ Intermediate
âŗ Duration: 0.5 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io
Create an eCommerce Store with Next.js and Stripe CheckoutVideo
by Colby Fayock
đšī¸ Levels: đ Intermediate
âŗ Duration: 1.5 hours
đ¤ Price: Subscription
đ§âđģ Learning Platform: Egghead.io
ECommerce Product Management & Storefront with GraphCMS, Snipcart, & Next.jsVideo
by Colby Fayock
đšī¸ Levels: đ Intermediate
âŗ Duration: 3 hours
đ¤ Price: Free
đ§âđģ Learning Platform: Egghead.io