Project Set Up
Start a new Project
To start a new project with Next.js, navigate to the folder where you want to keep your project and run the following command in your terminal:
This command will set up a Next.js application for you using create-next-app
, a Command Line Interface (CLI) tool. By using the --example
flag along with the template example for this course, you will have access to a pre-built template that you can use as the foundation of your project.
Run the Development Server
To view the app locally, run the development server using the command provided below:
You can view the homepage by opening the following URL http://localhost:3000/ in your browser. It should appear like this:
![content](https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/383258e5-c318-41bc-b29c-0495ff30ccbe/basic-concepts/page-preview-step-1.png)
In the upcoming chapter, we will delve into the structure of project file folders.
In Practice
¿Todo estuvo claro?
Contenido del Curso
Next.js 14
4. Deployment and Database
Next.js 14
Project Set Up
Start a new Project
To start a new project with Next.js, navigate to the folder where you want to keep your project and run the following command in your terminal:
This command will set up a Next.js application for you using create-next-app
, a Command Line Interface (CLI) tool. By using the --example
flag along with the template example for this course, you will have access to a pre-built template that you can use as the foundation of your project.
Run the Development Server
To view the app locally, run the development server using the command provided below:
You can view the homepage by opening the following URL http://localhost:3000/ in your browser. It should appear like this:
![content](https://codefinity-content-media-v2.s3.eu-west-1.amazonaws.com/courses/383258e5-c318-41bc-b29c-0495ff30ccbe/basic-concepts/page-preview-step-1.png)
In the upcoming chapter, we will delve into the structure of project file folders.
In Practice
¿Todo estuvo claro?