1 - Preview & Prerequisites
Go to checkout
Finish lesson
Full-Stack Next.js With Express and TypeScript Course
Intro & Setup
1 - Preview & Prerequisites
Discord Access Instructions
2 - Project Setup (Next.JS, Express, TypeScript, ESLint)
3 - Next.JS Project Structure, Routing, Next/Head, CSS Modules
4 - Bootstrap Customization With Sass
5 - MongoDB + Express Server Setup, “Hello World” Endpoint
Building the App
6 - Mongoose Model, Express Routes & Controllers
7 - Creating Blog Posts From the Frontend (React-Hook-Form, Axios, Cors)
8 - Navbar, Next/Link, Next/Image, Footer
9 - Blog Articles Page (GetServerSideProps)
10 - Reusable Form Fields With React-Hook-Form, Markdown Editor
11 - Image Upload & Resizing (Multer + Sharp)
12 - GetStaticProps + GetStaticPaths
13 - Responsive Image Sizes With Next/Image
14 - Express Error Handling
15 - User Signup Endpoint
16 - Authentication With PassportJS
17 - Frontend Signup + Login
18 - Fetch Authenticated User With SWR (Custom Hooks)
19 - Frontend Http Error Handling
20 - Blog Post Author + Authentication Middleware
21 - Frontend Validation With Yup
22 - Backend Validation With Yup
23 - User Profile Page & Profile Updates
24 - Next.JS 404/500 Error Pages
25 - Pagination With Page Numbers (Server-Side, Client-Side, SWR)
26 - Editing Blog Posts
27 - On-Demand Revalidation & SWR Fallback
28 - Social Authentication With Passport.JS (Google & GitHub Login)
29 - Email Verification (Nodemailer)
30 - Password Reset + Session Invalidation
31 - Rate Limiting (Express-Rate-Limit)
32 - AuthModalsProvider (React Context)
33 - Top-Level Comments With Cursor-Based Pagination (Infinite Loading)
34 - Nested Comment Replies & Update/Delete Comments
35 - ReactMarkdown Customization & In-Post Image Uploads
Deployment & Security
36 - Social Media Preview Tags
37 - Switching to Redis Session Store
38 - Deployment & Security Setup (VPS + Vercel)
App Router Migration
39 - App Router Project Structure (Layout, Page, Loading, Not-Found, Error), Metadata, Next/Navigation
40 - Dynamic Rendering (Replacing GetServerSideProps)
41 - Static Rendering (Replacing GetStaticProps + GetStaticPaths), GenerateMetadata, React Cache
42 - Create/Edit Post Page
43 - API Route Handlers & On-Demand Revalidation
44 - User Profile Page
45 - Migrating Remaining Files
46 - Auto Save Feature
47 - Deploy Updates
Final Quiz
Final Quiz
Finish lesson