2023 NextJS for Beginners 2023: Routing & Basics

In this NextJS for Beginners Playlist series, We will go over all the basics of NextJS in full-depth making sure we understand every points in more details.

◼️Github Link to Project: https://github.com/oliver-gomes/nextjs-playlist

📑FREE Modern Next.js 15+ Guide: https://oliverthedev.com/next15guide
🚀The Ultimate Modern Next.js Complete Course 2024: https://www.udemy.com/course/ultimate-modern-nextjs-complete-course-2024

💡 OLIVER THE DEV COMMUNITY:
https://nas.io/oliver-the-dev (Support me for the price of a coffee & get exclusive content and resources for career advancement)

✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS
https://www.youtube.com/@UCVnu25YagvhzU8asHdV_usA

⬛Watch NextJS 13.4+ Fullstack Course: https://youtu.be/34396VmsYp8
📘Watch Fullstack Twitter Clone Course (React, Redux, JWT, Node): https://www.youtube.com/playlist?list=PL_0dl7l1BL5dR6lUhB-1ROCh0LYalTwT9

NextJS used by some of the world's largest companies, Next.js enables you to create full-stack Web applications by extending the latest React features, and integrating powerful Rust-based JavaScript tooling for the fastest builds.

In this series, You'll learn In-Depth:
- SSR vs CSR vs ISR
- Server Components
- Routes and Layouts
- Data Fetching
- Streaming and Suspense
- SEO

00:00 Introduction
00:56 Overview of Routing
01:55 Quick Intro Server Component vs Client Component
04:48 App Router
06:18 Nested Route
06:55 Layout
08:39 Loading State (React Suspense)
10:34 Error Handling (Error Boundary)
13:01 Component Hierarchy
13:30 Colocation
15:48 Client-Side Navigation & Client-Side Cache
18:19 API Route
19:31 Outro

📍Connect with me:
Twitter: https://twitter.com/oliver_thedev
Instagram: https://www.instagram.com/oliverthedev/
Twitch: https://www.twitch.tv/oliver_thedev
Github: https://github.com/oliver-gomes


#nextjs #nextjs13