From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
Next.js template file structure overview
From the course: Master Next.js: Elaborate Hands-On Web Development, React Basics, Advanced Next.js, and Deployment
Next.js template file structure overview
So we have our template up and running, and you should see it running locally on 3000. And we'll make this a short and sweet lesson. So let's go to our code, and let's quickly review what the code is. We've looked at this before, but as a whole, what did we get when we brought this project, when we downloaded this project? Well, we've got a markdown readme, clearly states that it's a starter template to learn Next.js. We have our package JSON with our dependencies and scripts, which we've discussed. We have the lock, which provides specific versions of the projects that we're having so that we can keep track of it. We have a git ignore, which ignores node modules, images. And this is for later when we actually deploy to production. As we mentioned, when we build a production version, we're going to bundle down the code, and there's going to be no reason for us to bring up this entire node modules when we push it up into GitHub. So in order to reduce the file size, we use this…
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
-
-
-
-
-
-
-
-
-
(Locked)
Introduction and quick note about the upcoming final project2m 21s
-
(Locked)
How to start a Next.js template locally6m 12s
-
(Locked)
Next.js template file structure overview4m 30s
-
(Locked)
How pages work in Next.js3m 16s
-
(Locked)
Prefetching and codesplitting with Link and CSN – client-side navigation in Next.js9m 9s
-
(Locked)
-
-
-
-