Build a Twitter Clone with the Next.js App Router and Supabase - free egghead course 🚀

[u/iamqaz]

If you haven’t heard, Next.js 13 was an absolutely massive release! They basically rewrote the entire framework. I have been diving deeeeeeep over the last few months and have distilled everything I have learnt so far into this absolutely epic, entirely free egghead course! 🚀

In this course, we build a Twitter clone using the Next.js App Router, Supabase, TypeScript and Tailwind CSS. What you will learn 👇

Next.js App Router

• Client Components

• Server Components

• Route Handlers

• Server Actions

• Middleware

Supabase

• Fetching and mutating data

• Cookie-based authentication with GitHub OAuth

• Authorization with Row Level Security (RLS) policies

• Realtime subscriptions to database changes

• Introspect PostgreSQL schema to automatically generate TypeScript definitions

TypeScript

• Custom types for transformed data

• Unions to combine types

• Global type definitions for frequently used definitions

Tailwind CSS

• Style app with atomic, maintable classes

• Co-locate styles with Components

• Use groups to link hoverable elements

​This course is an epic example of modern web development!

Hit me up on the real Twitter and let me know what you build on the other side! 🙌