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
Shopify + Next.js + Tailwind CSS: Modern Ecommerce
Sources: workingwithshopify.com
Learn how to build blazing fast online storefronts used by the top brands today. Get a quick start with the latest tech stack that is in demand with the top bra
5 hours 7 minutes 23 seconds
Next JS: The Complete Developer's Guide
Sources: udemy, Stephen Grider
Congratulations! You’re on the brink of entering the fast-evolving world of NextJS, designed to empower developers with the tools to create high-performance, fe
15 hours 35 minutes 12 seconds
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
Build and Deploy a SaaS AI Agent Platform
Sources: Code With Antonio
In this video course, you will create a video call application with AI support from scratch. You will learn how to set up real-time video communication...
13 hours 24 minutes 14 seconds