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.

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

About the Author: fireship.io

fireship.io thumbnail
Fireship.io is an ecosystem of practical resources for developers who want to build high-quality web & mobile apps.

Watch Online 33 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 33 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: 1 README
All Course Lessons (33)
#Lesson TitleDurationAccess
1
1 README Demo
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
Unlock unlimited learning

Get instant access to all 32 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription