Next js Tutorial for Beginners | Nextjs 13 (App Router) with TypeScript
Programming with Mosh
@programmingwithmoshAbout
Hi! I'm Mosh π, a software engineer with over 20 years of experience. I'm all about clear, concise, practical coding tutorials β no fluff, just the good stuff! My courses focus on real-world projects and the skills that will get you hired. I've helped millions of students transform their careers. Want to level up your skills? Subscribe and hit the bell to get notified when I upload new videos! For sponsorships: [email protected]
Video Description
Master Next.js 13 and build amazing full-stack apps! π This beginner-friendly tutorial covers the new App Router, TypeScript, and everything you need to get started. β€οΈ Join this channel to get access to perks: https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA/join π Want to dive deeper? - Check out my complete Next.js series: https://bit.ly/nextjs-series - Subscribe for more videos like this: https://goo.gl/6PYaGF π‘ Learn React - YouTube tutorial: https://youtu.be/SqcY0GlETPk?si=QHDzD9EaoXoPm1KM - Complete React course: https://bit.ly/3l0vWYR β Stay connected: - Twitter: https://twitter.com/moshhamedani - Facebook: https://www.facebook.com/programmingwithmosh/ - Instagram: https://www.instagram.com/codewithmosh.official/ - LinkedIn: https://www.linkedin.com/school/codewithmosh/ π TABLE OF CONTENT 0:00:00 Course Intro 0:02:12 Prerequisites 0:03:16 Next.js Fundamentals 0:03:54 What is Next.js? 0:06:34 Setting Up the Development Environment 0:07:59 Creating Your First Next.js Project 0:10:21 Project Structure 0:13:10 Routing and Navigation 0:18:25 Client and Server Components 0:27:19 Data Fetching 0:33:23 Caching 0:35:48 Static and Dynamic Rendering 0:39:56 Styling Next.js Applications 0:40:16 Global Styles 0:42:50 CSS Modules 0:47:17 Tailwind CSS 0:54:56 DaisyUI #nextjs #reactjs #javascript #coding #webdevelopment
Upgrade Your iPhone Experience
AI-recommended products based on this video

Lightning to 3.5mm Audio Jack Adapter Apple MFi Certified iPhone Headphone Jack Adapter Lightning to Aux Adaptor Dongle for iPhone 14 13 12 11 XS XR X 8 7 2 Pack

Spigen Case for iPhone 15, iPhone 14, and iPhone 13, Ultra Hybrid MagFit Designed for Apple iPhone 15/14/13 - Crystal Clear

ESR for iPhone 14 Pro Case MagSafe, Shockproof Military-Grade Protection, Scratch-Resistant Back, Classic Hybrid Magnetic Case Compatible with iPhone 14 Pro 6.1 inch, Clear Purple

JETech Case for iPhone 14 6.1-Inch, Non-Yellowing Shockproof Phone Bumper Cover, Anti-Scratch Clear Back (Clear)

BASESAILOR iPhone 16 16e Car Charger Adapter 3Pack,USB to USBC Connector Type C Female to A Male Cable Converter for iPhone 15 14 Pro Max Plus,Apple Watch 10,Airpods 4,iPad mini 7,Samsung Galaxy S25

URVNS 240W USB C Car Charger, Super Fast Charging 4-Ports PD3.1 140W/PD3.0 100W PPS 45W QC65W Type-C Car Adapter for MacBook Pro Laptop iPhone 15 14 Max iPad Samsung Galaxy S24/23/22 Pixel etc

UGREEN 130W Car Charger USB C Fast Charger PD3.0 QC4.0 PPS Fast Charging Car Adapter with 100W USB C Cable Compatible with Dell XPS, MacBook, iPhone 16 15 14 Pro Max, Galaxy S25 S24 Ultra, iPad Pro
![VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung](https://m.media-amazon.com/images/I/71bHSP1cRkL._AC_UL960_FMwebp_QL65_.jpg)
VANMASS [85+LBS Strongest Suction & Clip] 2025 Upgrade Car Phone Holder [Patent & Safety Certs] Cell Phone Mount Truck Stand for Dashboard Windshield Vent for iPhone 16 Pro Max 15 14 13 12 Samsung
![Apple Watch Series 10 [GPS 46mm] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band. Fitness Tracker, ECG App, Always-On Retina Display, Water-Resistant](https://m.media-amazon.com/images/I/61GtO2qqkbL._AC_UL960_FMwebp_QL65_.jpg)
Apple Watch Series 10 [GPS 46mm] Smartwatch with Rose Gold Aluminium Case with Light Blush Sport Band. Fitness Tracker, ECG App, Always-On Retina Display, Water-Resistant

LK 6 Pack Screen Protector for Apple Watch Series 11 46mm, Self-Healing TPU Material for iWatch 46mm Screen Protector, Scrathes-Resistant, Bubble-Free, HD Clarity, Anti-Glare, Transparent Global Recycled Standard

4-in-1 Wireless Magnetic Power Bank 10800mAh Portable Charger with iWatch Charger, QC4.0+20W PD Fast Charging USB C Battery Pack for Magsafe, iPhone 16/15/14/13/12 Series, Apple Watch etc. (White)
![Apple Watch Series 10 [GPS 46mm] Smartwatch with Jet Black Aluminium Case with Black Sport Band. Fitness Tracker, ECG App, Always-On Retina Display, Water-Resistant](https://m.media-amazon.com/images/I/61H8TwAHUEL._AC_UL960_FMwebp_QL65_.jpg)
Apple Watch Series 10 [GPS 46mm] Smartwatch with Jet Black Aluminium Case with Black Sport Band. Fitness Tracker, ECG App, Always-On Retina Display, Water-Resistant

Apple AirPods Pro 2 Wireless Earbuds, Bluetooth Headphones, Active Noise Cancellation, Transparency, Personalized Spatial Audio, High-Fidelity Sound, H2 Chip, USB-C Charging

Cleaner Kit for Airpods Pro 1 2 3 Multi-Function Cleaning Pen with Soft Brush Flocking Sponge for Bluetooth Earphones Case Cleaning Tools White
![iPhone 16 15 Charger [Apple MFi Certified] 2 Pack USB C Wall Charger Block 6FT USB C to Type C Cable Compatible with iPhone 16 15 Pro Max,16e, AirPods Pr, iPad Pro12.9/11, Samsung/Android Phones](https://m.media-amazon.com/images/I/51GjkZn3ACL._AC_UL960_FMwebp_QL65_.jpg)
iPhone 16 15 Charger [Apple MFi Certified] 2 Pack USB C Wall Charger Block 6FT USB C to Type C Cable Compatible with iPhone 16 15 Pro Max,16e, AirPods Pr, iPad Pro12.9/11, Samsung/Android Phones

Yarxiawin Phone Case for Samsung S25 Case with Ring Stand Magnetic Compatible with Magsafe Wireless Charger, Pink Bumper Cover Samsung Galaxy S25 Case Clear Shockproof (Blue)

AsperX for Magsafe Power Bank, 10000mAh Wireless Magnetic Power Bank, 22.5W Wire Fast Charging Portable Charger with USB C Cable, LCD Display for Magsafe Battery Pack for iPhone 16/15/14/13/12

SURPHY Silicone Case Compatible with iPhone 14 Case 6.1 inch (2022), with Camera Protection Liquid Silicone Soft Gel Rubber Phone Case Cover with Microfiber Lining (Pink) Global Recycled Standard

FNTCASE for iPhone 13 Phone Case: iPhone 14 Phone Clear Case Magnetic Military Grade Drop Protection Anti Yellowing Cell Phone Cover - Rugged Durable Shockproof Protective Bumper - 6.1 Inch (Clear A) Global Recycled Standard

ESR for iPhone 14 Pro Case MagSafe, Shockproof Military-Grade Protection, Scratch-Resistant Back, Classic Hybrid Magnetic Case Compatible with iPhone 14 Pro 6.1 inch, Clear Purple

JETech Case for iPhone 14 6.1-Inch, Non-Yellowing Shockproof Phone Bumper Cover, Anti-Scratch Clear Back (Clear)

soundcore P31i by Anker, Real-Time Adaptive Noise Cancelling, Hi-Res Sound, Translation Earbuds, 50H Playtime, Wireless Earbuds, Bluetooth Earphones, Spatial Audio, Fast Charging, IP55 ClimatePartner certified

UGREEN USB to USB C Adapter & USB C to USB Adapter Combo 4-Pack, 10Gbps Type-C Converter, Car Charger Compatible with MacBook Pro, iPad Mac mini, iPhone 17/16, Galaxy, PC/Laptop, Hard Drive Enclosure

USB C Car Charger, 3-Port 67W Super Fast Charging Dual USB-C & USB-A Car Charger Accessories Cigarette Lighter Adapter for iPhone 17 16e 16 15 14 13 12 11 Pro Max, iPad, Galaxy, Pixel, Android Phone

USB C Car Charger 121W, IDOLCO 2-Port Car Charger USB C Fast Charger PD3.0 QC4.0 PPS Fast Charging 12V Car Phone Charger Cigarette Lighter Adapter Plug for iPhone 16/15/14 Series, Galaxy S24/MacBook

URVNS 240W USB C Car Charger, Super Fast Charging 4-Ports PD3.1 140W/PD3.0 100W PPS 45W QC65W Type-C Car Adapter for MacBook Pro Laptop iPhone 15 14 Max iPad Samsung Galaxy S24/23/22 Pixel etc
![Spigen Case for Galaxy S25 Case, Rugged Armor MagFit [Fast Wireless Charging] Compatible with MagSafe - Black](https://m.media-amazon.com/images/I/81osE87mFrL._AC_UL960_FMwebp_QL65_.jpg)
Spigen Case for Galaxy S25 Case, Rugged Armor MagFit [Fast Wireless Charging] Compatible with MagSafe - Black
![Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover & Raised Edges Protect Screen, Shockproof Rugged Case for S25+ Plus 6.7" 2025, Black](https://m.media-amazon.com/images/I/71YSDNV+PHL._AC_UL960_FMwebp_QL65_.jpg)
Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover & Raised Edges Protect Screen, Shockproof Rugged Case for S25+ Plus 6.7" 2025, Black
![Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover & Raised Edges Protection, Shockproof Rugged Case for S25+ Plus 6.7" 2025, Hot Pink](https://m.media-amazon.com/images/I/71K-GtDw48L._AC_UL960_FMwebp_QL65_.jpg)
Vihibii for Samsung Galaxy S25+ Plus Wallet Case with Card Holder (4 Cards) [RFID Blocking] & Slide Camera Cover & Raised Edges Protection, Shockproof Rugged Case for S25+ Plus 6.7" 2025, Hot Pink
![Spigen Case for iPhone 16 Pro Max Case, Rugged Armor [MagFit] Compatible with MagSafe - Matte Black](https://m.media-amazon.com/images/I/71Gh0VOQtlL._AC_UL960_FMwebp_QL65_.jpg)
Spigen Case for iPhone 16 Pro Max Case, Rugged Armor [MagFit] Compatible with MagSafe - Matte Black
![Spigen Spigen Tempered Glass Screen Protector [GlasTR EZ FIT] designed for Nintendo Switch 2 (2025) - 2 Pack](https://m.media-amazon.com/images/I/61L0hIGSbYL._AC_UL1500_FMwebp_QL65_.jpg)
Spigen Spigen Tempered Glass Screen Protector [GlasTR EZ FIT] designed for Nintendo Switch 2 (2025) - 2 Pack
![[3+3 Pack] iVoler Tempered Glass for iPhone 14 6.1 inch [3 Pack] with [3 Pack] Camera Lens Screen Protector with [Alignment Frame], Anti-Scratch Case Friendly Transparent HD Clear Film](https://m.media-amazon.com/images/I/71T+6AsLVKL._AC_UL960_FMwebp_QL65_.jpg)
[3+3 Pack] iVoler Tempered Glass for iPhone 14 6.1 inch [3 Pack] with [3 Pack] Camera Lens Screen Protector with [Alignment Frame], Anti-Scratch Case Friendly Transparent HD Clear Film

JETech Full Coverage Screen Protector for iPhone 16e 2025, iPhone 14 6.1-Inch, 9H Tempered Glass Film Case-Friendly, HD Clear, 3-Pack

ESR for iPhone 14 Pro Screen Protector, Tempered Glass with Easy Installation Frame, Military-Grade Protection, Ultra Tough, Scratch Resistant, 3 Pack





![Spring Boot Tutorial for Beginners [2025]](https://imgz.pc97.com/?width=500&fit=cover&image=https://i.ytimg.com/vi/gJrjgg1KVL4/hqdefault.jpg)














