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

Published: 19 April 2023
on channel: 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

On this page of the site you can watch the video online Next.js 13 - Routing, Folder Structure, Pages and Layouts Explained with a duration of hours minute second in good quality, which was uploaded by the user Chaoo Charles 19 April 2023, share the link with friends and acquaintances, this video has already been watched 15,289 times on youtube and it was liked by 196 viewers. Enjoy your viewing!

37,384

1.6K

00:00:00