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 commentsWant to join the conversation?
Sign in to commentSimilar courses
The Road to Next
Sources: Robin Wieruch
As a full-stack developer, you have numerous opportunities. Whether it's launching a successful startup, building a career in a corporate company, or working...
30 hours 40 minutes 42 seconds
MERN React Node Next.js Multi User SEO Blogging Platform
Sources: udemy
Master the Art of Building Real World SEO Web Applications using MERN (Mongo Express React Node) Stack. Become a true Web Developer with this Ultimate Project b
20 hours 25 minutes 13 seconds
Build an MVP with AngularJS + Firebase by cloning TaskRabbit
Sources: Code4Startup (coderealprojects)
TaskRabbit is an online and mobile marketplace that allows users to outsource small jobs and tasks to others in their neighbourhood. Users name the task they need done, name the...
3 hours 31 minutes 43 seconds
Firebase Security Course
Sources: fireship.io
Firebase Security - The Full Course will teach you how to write, organize, and test Firestore security rules. The goal is to prepare developers for the safe and secure launch of...
54 minutes 6 seconds
The Joy of React
Sources: Josh Comeau
The all-new interactive learning experience that teaches you how to build rich, dynamic web apps with React. So, let’s be real. Learning React is hard. Over the past few years...
25 hours 35 minutes 33 seconds