🤓 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
🚨
🧬
🧑🏻🤝🧑🏿
🔎
🛑
💞
🔐