Next.js Firebase - The Full Course

2h 38m 13s
English
Paid

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 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

Build a Microservices app with .Net and NextJS from scratch

Build a Microservices app with .Net and NextJS from scratchudemy

Category: Next.js, C Sharp (C#)
Duration 31 hours 42 minutes 57 seconds
Stripe for SaaS

Stripe for SaaSfireship.io

Category: Next.js
Duration 1 hour 11 minutes 29 seconds
Build your AI startup in hours using our customizable demo apps | AnotherWrapper

Build your AI startup in hours using our customizable demo apps | AnotherWrapperFekri

Category: Next.js, Other (Mobile Apps Development)
Duration
Build an LMS Platform

Build an LMS PlatformCode With Antonio

Category: Next.js
Duration 10 hours 41 minutes 23 seconds
Next.js & React with ChatGPT - Development Guide (2023)

Next.js & React with ChatGPT - Development Guide (2023)udemy

Category: React.js, Next.js, ChatGPT
Duration 7 hours 6 minutes 49 seconds
MERN React Node Next.js Multi User SEO Blogging Platform

MERN React Node Next.js Multi User SEO Blogging Platformudemy

Category: React.js, Next.js, Node.js
Duration 20 hours 25 minutes 13 seconds
Angular Architecture. How to Build Scalable Web Applications

Angular Architecture. How to Build Scalable Web Applicationsudemy

Category: Angular, TypeScript, Firebase
Duration 7 hours 34 minutes 45 seconds
Mastering Next.js - 50+ Lesson Video Course on React and Next

Mastering Next.js - 50+ Lesson Video Course on React and Nextmasteringnuxt.com

Category: React.js, Next.js
Duration 5 hours 9 minutes 45 seconds
Server side rendering with Next + React

Server side rendering with Next + Reactudemy

Category: React.js, Next.js, MongoDB, OpenGL Shading Language (GLSL)
Duration 29 hours 43 minutes 19 seconds