Installing the NextJS Framework
In this lesson, we will install NextJS.
To install this framework, you will need
NodeJS version 22 or higher.
To start the installation in the terminal you need to run the following command:
npx create-next-app@latest
After that, the installation process will start and you will be prompted to answer a series of questions that will configure your framework.
| Question | Answer |
|---|---|
| What is your project named? |
Here we need to set the name for our project.
You can set any name.
Type my-app.
|
| Would you like to use TypeScript? |
Here we are offered to use TypeScript.
We will not do this, as for simplicity's sake
we will work with JavaScript for now.
Select No. |
| Would you like to use ESLint? |
ESLint is a special library that checks
your code for compliance with formatting standards.
Select Yes. |
| Would you like to use Tailwind CSS? |
Tailwind is a special CSS framework for React.
Select Yes. |
| Would you like to use `src/` directory? |
This asks if we want our project
to be in the src folder.
Select Yes. |
| Would you like to use App Router? |
Enables the modern routing option.
Select Yes. |
| Would you like to customize the default import alias (@/*)? |
This setting allows simplifying
file paths when using
file imports.
Select Yes. |
After answering all the proposed questions, the framework installation will start. When the project is created, go to its folder:
cd my-app
Create a project in NextJS.