Next.js 13 Crash Course | App Directory, React Server Components & More
About
No channel description available.
Latest Posts
Video Description
A complete crash course to NextJS version 13 and it's new features such as the app directory structure, routing, React Server Components vs client components, layouts and more. Code: https://github.com/bradtraversy/next-13-crash-course Original Next.js Crash Course: https://www.youtube.com/watch?v=mTz0GXj8NN0 Blog Post: https://www.traversymedia.com/blog/next-js-13-crash-course-app-directory-server-components-more All Of My Courses: https://traversymedia.com Deploy to Vercel for Free: https://vercel.com/ambassadors/bradtraversy Timestamps: 0:00 - Intro 2:32 - Setup & File Structure 5:22 - Homepage & Clean Up 7:12 - Routing System 10:02 - Nested Routes 11:04 - Layouts 13:37 - Metadata API 15:31 - next/font/google 19:10 - Header Component 21:19 - React Server Components 23:26 - use client 24:13 - Data Fetching 28:05 - ReposPage Output 31:47 - Custom Loading Page 34:16 - Dynamic Routes 35:30 - params Prop 37:07 - Repo & RepoDir Component 45:57 - Suspense Boundaries 48:29 - Caching & Revalidating 51:30 - API Route Handlers 53:49 - Serving Course Data 56:00 - Fetching Course Data 1:00:32 - Getting Search Params 1:06:00 - Getting Body Data 1:10:00 - Refactor Server to Client Component 1:16:30 - Search Component
DJI Mini 3 Pro Essentials
AI-recommended products based on this video
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
SanDisk 64GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXU-064G-GN4IN
SanDisk 128GB Extreme PRO SDXC UHS-I Memory Card - C10, U3, V30, 4K UHD, SD Card - SDSDXXD-128G-GN4IN
Anker USB C Charger Cable (6ft 100W, 2Pack), USB 2.0 Type C Fast Charging Cable for iPhone 15 / 15Pro / 15Plus / 15ProMax MacBook Pro 2020, iPad Pro 2020, iPad Air 4, Samsung Galaxy S23+/S23 Ultra ClimatePartner certified
![Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)](https://m.media-amazon.com/images/I/71N7xhCJnoL._AC_UL960_FMwebp_QL65_.jpg)
Anker USB C Cable, [2-Pack, 6 ft] Type C Charger Premium Nylon USB Cable, USB A to Type C Charging Cable Fast Charge for Samsung Galaxy S10 S10+ / Note 8, LG V20 and Other USB C Charger (Black)
Anker Nano USB C Wall Charger,45W Fast Charging Smart Display Charger,with 180°Foldable Plug,Smart Recognition,Built-in Care Mode,for iPhone17/16/15 (Non-Battery,One USB-C Port,No Cable Included) ClimatePartner certified
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
DJI Mic Mini (2 TX + 1 RX), Detail-Rich Audio, Wireless Lavalier Microphone for Camera/Android, 2-Person Vlog, Team Production
Teeran Wired Apple CarPlay to Wireless Adapter, 2025 Upgrade, Mini USB Design for Cars, Seamless Use Fast Stable Connection Built-in Car Play Dongle for iPhone Global Recycled Standard
2026 upgrade Brush Pro for Short Hair,brush pro canada short hair,brushes pro canada,portable straightenerbrush - brushpro,for Travel, with Led Display, for Short Hair, Medium Hair (#1)
Vital Breeze Ac, 2025 Upgrade Vital Breeze Portable Ac, 3 Speeds Adjustable Air Conditioner Misting Fan with 300ml Water Tank & Colorful Night Lights, for Room Home Bedroom Office (White)
Wireless CarPlay Adapter for Apple iPhone - Upgrade Wired CarPlay to Wireless Device, Mini T-Shaped for Car USB Plug and Play Auto Reconnect, for Vehicle GPS Navigation Car Stereo Receivers, Black
5.0 Upgraded Magnifying Glass Hand Free【12X German Ultra-HD Lens】【Cloud Sponge Neck Protection】 3 Smart Mode Light, All-Purpose Magnifying for Reading, Cross Stitch, Craft Seniors Use (Black)
CERAKOTE® Ceramic Headlight Restoration Kit – Guaranteed To Last As Long As You Own Your Vehicle – Brings Headlights back to Like New Condition - 3 Easy Steps - No Power Tools Required
New Slim 170W AC Charger Fit for Lenovo Legion Slim 5 5i Yoga Pro 9i ThinkPad P1 P16 P16v P53 P70 P71 P72 P73 IdeaPad Pro 5i 5 3 LOQ 16 15 ADL170SCC3A 20V 8.5A Laptop Power Supply Adapter Cord
BREAUILL Water Pitcher Filter Water Filter Replacement Compatible with Brita® Water Filter, Pitchers, Brita® Classic, OB03, Mavea® 107007 35557, New Upgraded Filter to Reduce TDS, Chlorine etc. (6)
