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
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 |
Comments
0 commentsSimilar courses
Next.js & React with ChatGPT - Development Guide (2023)
Sources: udemy
Throughout the course, you will gain experience developing a Next JS application from the ground up. Additionally, you'll receive instruction on integrating Ope
7 hours 6 minutes 49 seconds
Build your AI startup in hours using our customizable demo apps | AnotherWrapper
Sources: Fekri
Create your AI startup quickly and efficiently using AnotherWrapper's customizable demo apps. Our all-in-one Next.js AI starter kit includes everything you...
Bedrock: Jumpstart your next SaaS product
Sources: Max Stoiber (@mxstbr)
The modern full-stack Next.js & GraphQL boilerplate with user authentication, subscription payments, teams, invitations, emails and everything else you need.
Build A Canva Clone
Sources: Code With Antonio
In this 18-hour course, we will create a platform for graphic design with numerous features. You will learn how to create an intuitive editor for cust...
17 hours 48 minutes 39 seconds
Build A Slack Clone
Sources: Code With Antonio
In this 15-hour course, you will create your own Slack clone using advanced technologies such as Next.js, Convex, Tailwind CSS, Shadcn UI, and others.
15 hours 13 minutes 30 seconds
Want to join the conversation?
Sign in to comment