Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Β© 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. Next.js
  3. Build a Twitter Clone with the Next.js App Router and Supabase
Next.js / Supabase / TypeScript / Tailwind
Video

Build a Twitter Clone with the Next.js App Router and Supabase

by Jon Meyers
Enroll
πŸ•ΉοΈ Levels: 😎 Intermediate
⏳ Duration: 1.5 hours
πŸ€‘ Price: Free
πŸ§‘β€πŸ’» Learning Platform: Egghead.io
πŸ§‘β€πŸŽ“ Certificate: No

πŸ”‘ 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.
Update Course

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?

ReactReactNext.jsNext.jsReduxRedux

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

Next.jsNext.js

Intermediate Next.js
Video

by Scott Moss

πŸ•ΉοΈ Levels: 😎 Intermediate

⏳ Duration: 3.5 hours

πŸ€‘ Price: Subscription

πŸ§‘β€πŸ’» Learning Platform: Frontend Masters

Next.jsNext.jsStorybookStorybook

Integrate Storybook in a Next.js Application
Video

by Michael Chan

πŸ•ΉοΈ Levels: 😎 Intermediate

⏳ Duration: 0.5 hours

πŸ€‘ Price: Free

πŸ§‘β€πŸ’» Learning Platform: Egghead.io

πŸ”™ Back to Next.js Category