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
Full-Stack Fundamentals 1 - Frontend
Sources: Mckay Wrigley (takeoff)
As part of this project, you will create your personal portfolio website from scratch. This will be an excellent way to showcase your work as you...
1 hour 8 minutes 57 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next
Sources: masteringnuxt.com
The premiere video course for building static and server-side rendered applications with Next.js and React. Sign up now and get two videos instantly!
5 hours 9 minutes 45 seconds
Build and Deploy a Lovable Clone
Sources: Code With Antonio
In this course, you will create an AI platform for generating applications from scratch. You will learn how to build fully functional full-stack applications...
10 hours 34 minutes 16 seconds
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