Next.js Firebase - The Full Course
2h 38m 13s
English
Paid
You will build a full-stack Social Blogging Platform inspired by sites like DEV.to and Medium. Authors can create content under their custom username, then publish publicly with SEO-friendly rendering, while readers can heart or like posts in realtime.
Read more about the course
Featuring…
- Custom Firebase usernames
- Bot-friendly content (SEO)
- Advanced SSR, SSG, and ISR techniques
- Firestore realtime CRUD and data modeling
- Reactive forms with react-hook-form
- Image file uploads
- Realtime hearts
- Security & Deployment
Watch Online Next.js Firebase - The Full Course
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | 1 README | 02:12 |
2 | 2 React Basics | 13:15 |
3 | 3 Firebase Basics | 25:23 |
4 | 4 Next.js Basics | 11:52 |
5 | 5 Technical Overview | 04:47 |
6 | 6 Next.js Setup | 05:41 |
7 | 7 TypeScript | 02:08 |
8 | 8 Firebase Setup | 05:09 |
9 | 9 Routing | 04:55 |
10 | 10 Loader | 01:31 |
11 | 11 Navbar | 03:24 |
12 | 12 Toast | 01:23 |
13 | 13 Auth Intro | 02:09 |
14 | 14 Google SignIn | 02:52 |
15 | 15 Auth Context | 03:09 |
16 | 16 Auth Hook | 03:57 |
17 | 17 Custom Usernames | 07:03 |
18 | 18 SSR & SEO in Next | 04:28 |
19 | 19 Data Model | 01:42 |
20 | 20 SSR User Profile Page | 05:43 |
21 | 21 SSR + Paginated Home Page Feed | 03:40 |
22 | 22 ISR Incremental Static Regeneration | 03:54 |
23 | 23 Realtime Data Hydration | 02:31 |
24 | 24 Custom 404 Page | 01:17 |
25 | 25 Metatags for SEO | 02:00 |
26 | 26 Admin Pages | 01:52 |
27 | 27 Create Data with Firestore | 05:20 |
28 | 28 Post Editing Form | 05:34 |
29 | 29 Form Validation | 02:02 |
30 | 30 Image Uploads | 04:56 |
31 | 31 Hearts, Likes, Claps | 03:56 |
32 | 32 Backend Security | 06:30 |
33 | 33 Vercel Deployment | 01:58 |
Similar courses to Next.js Firebase - The Full Course

Build Your SaaS AI Web Platform From Zero to ProductionCode4Startup (coderealprojects)
Category: Next.js, Other (AI)
Duration 8 hours 36 minutes 2 seconds
Course

The Ultimate NextJs Coursehamedbahram.io
Category: Next.js
Duration 15 hours 7 minutes 33 seconds
Course

Server side rendering with Next + Reactudemy
Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds
Course

FULL Authentication WITH REACT JS NEXT JS TYPESCRIPTudemy
Category: TypeScript, React.js, Next.js
Duration 6 hours 52 minutes 28 seconds
Course

Next.js Complex State Management Patterns with RSCfullstack.io
Category: Next.js
Duration 2 hours 56 minutes 24 seconds
Course

Next40. Master Next.js 14 in 40 days of epic projectsReed Bargernextjs40.com
Category: Next.js
Duration 4 hours 52 minutes 49 seconds
Course

Build your AI startup in hours using our customizable demo apps | AnotherWrapperFekri
Category: Next.js, Other (Mobile Apps Development)
Duration
Course

Build a Jira cloneCode With Antonio
Category: React.js, Next.js
Duration 16 hours 26 minutes 4 seconds
Course

Nest.js Microservices: Build & Deploy a Scaleable Backendudemy
Category: Next.js
Duration 5 hours 39 minutes 49 seconds
Course