🤓 TypeScript
Setup Next.js with TypeScript (optional)
- 🚨
Prerequisites
README 2:12 React Basics 13:15 Firebase Basics 25:22 Next.js Basics 11:50 - 🧬
App
Technical Overview 4:47 Next.js Setup 5:41 TypeScript 🔥Firebase Setup 5:09 Routing 4:54 Loader 1:30 Navbar 3:24 Toast 1:30 - 🧑🏻🤝🧑🏿
Users
Auth Intro 2:10 Google SignIn 2:51 Auth Context 3:07 Auth Hook 3:57 Custom Usernames 7:02 - 🔎
SSR
SSR & SEO in Next 4:27 Data Model 2:04 SSR User Profile Page 5:43 SSR + Paginated Home Page Feed 3:40 ISR Incremental Static Regeneration 3:45 Realtime Data Hydration 2:30 Custom 404 Page 1:17 Metatags for SEO 2:01 - 🛑
CRUD Features
Admin Pages 1:50 Create Data with Firestore 5:20 Post Editing Form 5:33 Form Validation 2:02 Image Uploads 4:55 - 💞
Hearts
Hearts, Likes, Claps 4:12 - 🔐
Deploy
Backend Security 6:30 Vercel Deployment 2:01 Firebase Deployment 0:00
🚨
🧬
🧑🏻🤝🧑🏿
🔎
🛑
💞
🔐