From the course: The Freelance Stack: Real Project with Next.js and Strapi
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Simple routing in Next.js - Next.js Tutorial
From the course: The Freelance Stack: Real Project with Next.js and Strapi
Simple routing in Next.js
206, 38, 39, 40. So routing is one of the things that has gotten a huge update since Next.js 12. So no matter whether you have no experience with Next.js or whether you're coming from Next.js 12 we're going to run through all the changes right here. So how does it look like now? Well, Next.js is a file based or is using a file based routing system meaning within our app directory we're going to specify the different routes we're creating based on the folders and files within there and the way it's looking here is that you know here's our app folder at the top and then for example we might have a blog this here is actually what we're going see when we're using dynamic routing later on you see that later in the crash course but also a lot of it is being used when we're in the main project but what's missing from this here is then how do we actually display the page within each one of those folders but we actually have seen that already so in our app folder right here we have a page.js…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
Why are we using Next.js?6m 11s
-
Setting up a Next.js project3m 52s
-
(Locked)
Simple routing in Next.js4m 11s
-
(Locked)
Layouting in Next.js5m 25s
-
(Locked)
Linking from page to page2m 56s
-
(Locked)
Server and client components overview7m 56s
-
(Locked)
Data fetching6m 7s
-
(Locked)
Dynamic routing12m 59s
-
(Locked)
Not found pages4m 55s
-
-
-
-
-
-
-
-
-
-