Server side rendering with Next JS

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: Installing NODE JS

Lecture 3: IDE

Lecture 4: Repositories and Source code

Chapter 2: Routing

Lecture 1: What is Next JS ?

Lecture 2: Installing a NEXT App

Lecture 3: How Routes Work

Lecture 4: Creating a simple route

Lecture 5: Nested routes

Lecture 6: Dynamic Routes

Lecture 7: Params and SearchParams

Lecture 8: Catch ALL

Lecture 9: Layouts

Lecture 10: Navigation

Lecture 11: Standard React code

Lecture 12: Styles

Lecture 13: Parallel Routes

Lecture 14: Route Groups

Chapter 3: Server and Client

Lecture 1: Creating a tiny template

Lecture 2: Header and links

Lecture 3: Strategies

Lecture 4: JSON Server

Lecture 5: Showing employees

Lecture 6: Using Hooks

Lecture 7: More on Server and Client

Lecture 8: Server action file

Lecture 9: Posting employees

Lecture 10: Re-Factor to actions file

Lecture 11: UseFormState

Lecture 12: UseFormState part 2

Lecture 13: Employee by ID

Lecture 14: Loading UI

Lecture 15: Error UI

Lecture 16: Not found UI

Lecture 17: Edit user Server component

Lecture 18: Client side validation

Lecture 19: Edit server action

Lecture 20: Edit server action part 2

Lecture 21: Deleting employees

Chapter 4: Caching

Lecture 1: Build and start

Lecture 2: Dynamic or Static ?

Lecture 3: Segment config options

Lecture 4: Revalidating paths

Lecture 5: Fetch API options

Lecture 6: Header and Cookies

Lecture 7: Using the "generateStaticParams" function

Chapter 5: Practice app: Hokusai [optional]

Lecture 1: Installation

Lecture 2: Creating a Nav

Lecture 3: Home Carousel

Lecture 4: Fetching articles

Lecture 5: Home articles

Lecture 6: Article by ID

Lecture 7: Bio page

Lecture 8: Building

Chapter 6: Deploying

Lecture 1: Intro to Vercel and simple deploy

Lecture 2: Deploying JSON Server

Lecture 3: Deploying Hokusai project

Chapter 7: API Routes

Lecture 1: What are API routes ?

Lecture 2: Route handlers VS API Routes

Lecture 3: Routes Handlers

Lecture 4: Routes Handlers – Posting

Lecture 5: Routes Handlers – Params

Lecture 6: API Router

Lecture 7: API Router params

Chapter 8: More NEXT tools

Lecture 1: Starting a new project

Lecture 2: Tailwind CSS

Lecture 3: SASS

Lecture 4: Next UI

Lecture 5: Next UI navbar

Lecture 6: Absolute import and Module aliases

Lecture 7: The image component

Lecture 8: Mongo DB

Lecture 9: Testing Mongo DB

Lecture 10: What about Mongoose ?

Lecture 11: What about React Context ?

Lecture 12: What about React Redux ?

Chapter 9: Authentication

Lecture 1: Installing

Lecture 2: Creating a NAV

Lecture 3: Installing FONTS

Lecture 4: NEXT AUTH credentials

Lecture 5: NEXT AUTH secret

Lecture 6: NEXT AUTH middleware

Lecture 7: User Server Session

Lecture 8: Client Server session

Lecture 9: GITHUB sign in

Lecture 10: Register Form

Lecture 11: Register Form part 2

Lecture 12: Register users

Lecture 13: Register users part 2

Lecture 14: Register users part 3

Lecture 15: Fixing the "Authorize"