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

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…

Contents