Next.js Firebase - The Full Course
2h 38m 13s
English
Paid
March 5, 2024
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.
More
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 Next.js Firebase - The Full Course
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | 1 README | 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 |
Similar courses to Next.js Firebase - The Full Course
![Complete Next.js Developer in 2023: Zero to Mastery](https://cdn.courseflix.net/courses/100x56/complete-next-js-developer-in-2023-zero-to-mastery.jpg)
Complete Next.js Developer in 2023: Zero to Mastery
Duration 32 hours 32 minutes 25 seconds
Course
![NextJS E-Com Masterclass: Learn The All New Next JS](https://cdn.courseflix.net/courses/100x56/nextjs-e-com-masterclass-learn-the-all-new-next-js.jpg)
NextJS E-Com Masterclass: Learn The All New Next JS
Duration 19 hours 17 minutes 40 seconds
Course
![Real-Time Collaborative Apps with Next.js and Supabase](https://cdn.courseflix.net/courses/100x56/real-time-collaborative-apps-with-next-js-and-supabase.jpg)
Real-Time Collaborative Apps with Next.js and Supabase
Duration 51 minutes 59 seconds
Course
![Desktop apps with Angular, Firestore and Electron](https://cdn.courseflix.net/courses/100x56/desktop-apps-with-angular-firestore-and-electron.jpg)
Desktop apps with Angular, Firestore and Electron
Duration 11 hours 28 minutes 39 seconds
Course
![The Joy of React](https://cdn.courseflix.net/courses/100x56/the-joy-of-react.jpg)
The Joy of React
Duration 25 hours 35 minutes 33 seconds
Course
![The essential guide to Firebase with React.](https://cdn.courseflix.net/courses/100x56/the-essential-guide-to-firebase-with-react.jpg)
The essential guide to Firebase with React.
Duration 31 hours 20 minutes 9 seconds
Course
![Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)](https://cdn.courseflix.net/courses/100x56/next-js-and-apollo-portfolio-app-w-react-graphql-node.jpg)
Next.js and Apollo - Portfolio App (w/ React, GraphQL, Node)
Duration 28 hours 38 minutes 19 seconds
Course
![Build a Slack Chat App with React, Redux, and Firebase](https://cdn.courseflix.net/courses/100x56/build-a-slack-chat-app-with-react-redux-and-firebase.jpg)
Build a Slack Chat App with React, Redux, and Firebase
Duration 5 hours 55 minutes 18 seconds
Course
![Next.js & React with ChatGPT - Development Guide (2023)](https://cdn.courseflix.net/courses/100x56/next-js-react-with-chatgpt-development-guide-2023.jpg)
Next.js & React with ChatGPT - Development Guide (2023)
Duration 7 hours 6 minutes 49 seconds
Course
![Next.js Complex State Management Patterns with RSC](https://cdn.courseflix.net/courses/100x56/next-js-complex-state-management-patterns-with-rsc.jpg)
Next.js Complex State Management Patterns with RSC
Duration 2 hours 56 minutes 24 seconds
Course