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
Watch Online Next.js Firebase - The Full Course
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 commentsSimilar courses
Desktop apps with Angular, Firestore and Electron
Sources: udemy
This course takes you on a developer journey where you'll be building a complete desktop application that runs on any platform (Windows, Mac, Linux) using your favorite Web Tech...
11 hours 28 minutes 39 seconds
Duolingo Clone
Sources: Code With Antonio
In this 11-hour course, you will learn how to create your own SaaS application for language learning, similar to Duolingo. Users will be able to choose language
11 hours 12 minutes 32 seconds
Build Product Hunt with ReactJS and Firebase
Sources: Code4Startup (coderealprojects)
In this course, you will be learning how to build ReactJS app in ES6 syntax (a modern version of Javascript) with Firebase, a real-time back-end by cloning Product Hunt. Also, a...
4 hours 47 minutes 27 seconds
Nest.js Microservices: Build & Deploy a Scaleable Backend
Sources: udemy
Nest.js is an incredible backend framework that allows us to build scaleable Nodejs backends with very little complexity. A Microservice architecture is a popul
5 hours 39 minutes 49 seconds
Build Viral Telegram Apps Course
Sources: Nikandr Surkov
Learn to develop Telegram Mini Apps from scratch to completion: game mechanics, payment integration (TON and Telegram Stars), built-in viral elements...
37 minutes 59 seconds
Want to join the conversation?
Sign in to comment