Organizing the Folder Structure

Next.js project structure

Organizing our new project’s folder structure neatly and clearly is incredibly important in terms of keeping our code base scalable and maintainable.

As we’ve already seen, Next.js forces us to place some files and folders in particular locations of our code base (think of the _app.js and _documents.js files, the pages/ and public/ directories, and so on), but it also provides a way to customize their placement inside our project repository.

We’ve already seen that, but let’s do a quick recap on a default Next.js folder structure: