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

Mastering Next.js 13 with TypeScriptcodewithmosh (Mosh Hamedani)
Category: TypeScript, Next.js
Duration 5 hours 16 minutes 33 seconds
Course

NextJS E-Com Masterclass: Learn The All New Next JSudemy
Category: Next.js
Duration 19 hours 17 minutes 40 seconds
Course

Complete Next.js with React & Node - Beautiful Portfolio Appudemy
Category: Next.js
Duration 59 hours 43 minutes
Course

Build A Slack CloneCode With Antonio
Category: Next.js
Duration 15 hours 13 minutes 30 seconds
Course

The essential guide to Firebase with React.udemy
Category: React.js, Firebase
Duration 31 hours 20 minutes 9 seconds
Course

Next JS: The Complete Developer's GuideudemyStephen Grider
Category: Next.js
Duration 15 hours 35 minutes 12 seconds
Course

React, NextJS and NestJS: A Rapid Guide - Advancedudemy
Category: React.js, Next.js, NestJS
Duration 8 hours 40 minutes 51 seconds
Course

Building a Full-stack Multilingual Blog with Next.js 13.4udemy
Category: Next.js
Duration 9 hours 15 minutes 4 seconds
Course

Angular 9 Firebase Project Coursefireship.io
Category: Angular, Firebase
Duration 2 hours 46 minutes 56 seconds
Course