Next.js Firebase - The Full Course
2h 38m 13s
English
Paid
Course description
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
0:00
/ #1: 1 README
All Course Lessons (33)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Next.js 14 & React - The Complete Guide
Sources: udemy, Academind Pro
I created the bestselling Udemy course on React, now I'm super excited to share this course on NextJS with you - an in-depth course about an amazing React frame
36 hours 13 minutes 15 seconds
Magic UI Pro
Sources: Dillion Verma
Magic UI Pro is a platform for creating modern, visually appealing landing pages with minimal effort. It offers over 50 pre-designed...
Build a Microservices app with .Net and NextJS from scratch
Sources: udemy
Microservices is the latest 'buzzword' and hot topic in the web development industry at the moment and nowadays having microservices as part of your skillset is becoming more an...
31 hours 42 minutes 57 seconds
Next.js Complex State Management Patterns with RSC
Sources: fullstack.io
In the dynamic world of web development, mastering complex state management is an essential skills. And since version 13, Next.js introduced a new type of compo
2 hours 56 minutes 24 seconds