Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Oppiskele 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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1

Kysy tekoälyä

expand

Kysy tekoälyä

ChatGPT

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Awesome!

Completion rate improved to 2.08

bookSetting Up the Next.js Project

Pyyhkäise näyttääksesi valikon

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

Oliko kaikki selvää?

Miten voimme parantaa sitä?

Kiitos palautteestasi!

Osio 2. Luku 1
some-alt