Next.js 13 - Routing, Folder Structure, Pages and Layouts Explained

Опубликовано: 03 Октябрь 2024
на канале: Chaoo Charles
15,289
196

Next.js is the most popular React framework. This video will help you to get started with Next13 which has a new folder structure and makes it possible to use both server and client components. There are many new feature which we will cover in this video. Enjoy!

Next13 Playlist:    • Next.js  

Sections:
00:00 - intro
00:57 - creating a next13 app
04:22 - the RootLayout and home page
06:23 - adding font in next13
10:26 - adding pages and routes
15:27 - creating nested routes
17:41 - Link component- creating a navbar
22:21 - adding a shared layout at a segment
28:40 - adding a loading UI
33:22 - useRouter hook
35:32 - display the error UI
41:51 - api routes and fetching data

✨ Follow Me on Twitter:   / chaoocharles  

✨ Join My Discord Server
  / discord  

🤑 Buy Me A Coffee: https://www.paypal.com/cgi-bin/webscr...

SUPPORT MY CHANNEL
📍SUBSCRIBE:    / @chaoocharles  
📍Become a Channel Member:   / @chaoocharles  

📍Join My Fun Channel:    / @chaaoo  

GET IN TOUCH:
📍 Twitter:   / chaoocharles  

Disclaimer: This video is not sponsored

#next13 #reactjs