Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprenda Setting Up the Next.js Project | Setting Up a Next.js Project
Next.js 14 Mastery for Building Modern Web Apps

bookSetting Up the Next.js Project

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:

In the upcoming chapter, we will delve into the structure of project file folders.

In Practice

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 1

Pergunte à IA

expand

Pergunte à IA

ChatGPT

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Awesome!

Completion rate improved to 2.08

bookSetting Up the Next.js Project

Deslize para mostrar o menu

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:

In the upcoming chapter, we will delve into the structure of project file folders.

In Practice

Tudo estava claro?

Como podemos melhorá-lo?

Obrigado pelo seu feedback!

Seção 2. Capítulo 1
some-alt