Scribd
Upload
6 views

nextjs-org-docs-app-getting-started-installation-pages-1

This document provides a guide for setting up a new Next.js project, detailing both automatic and manual installation methods. It outlines system requirements, project structure, and prompts encountered during the setup process. Additionally, it includes instructions for configuring scripts in the package.json file after installation.

Uploaded by

marcusmelodious
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

nextjs-org-docs-app-getting-started-installation-pages-1

This document provides a guide for setting up a new Next.js project, detailing both automatic and manual installation methods. It outlines system requirements, project structure, and prompts encountered during the setup process. Additionally, it includes instructions for configuring scripts in the package.json file after installation.

Uploaded by

marcusmelodious
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

Showcase Docs Blog Templates Enterprise Search documentation...

Feedback Learn

Using App Router App Router Getting Started Installation On this page
Features available in /app
System requirements

Using Latest Version


15.2.2 How to set up a new Next.js project Automatic installation
Manual installation
Create the app directory
Getting Started
System requirements Create the public folder
Installation (optional)
Project Structure - Node.js 18.18 or later. Run the development server
Layouts and Pages - macOS, Windows (including WSL), and Linux are supported. Set up TypeScript
Images and Fonts IDE Plugin
CSS Set up ESLint
Fetching Data Set up Absolute Imports and

Updating Data
Automatic installation Module Path Aliases

Error Handling We recommend starting a new Next.js app using create-next-app , which sets up
Edit this page on GitHub
everything automatically for you. To create a project, run:
Examples Managed Next.js (Vercel)

Building Your Application Terminal

Routing
npx create-next-app@latest
Data Fetching

Rendering
On installation, you'll see the following prompts:
Caching

Styling
Terminal
Optimizing

Configuring 1 What is your project named? my-app


2 Would you like to use TypeScript? No / Yes
Testing 3 Would you like to use ESLint? No / Yes
4 Would you like to use Tailwind CSS? No / Yes
Authentication
5 Would you like your code inside a `src/` directory? No / Yes
Deploying 6 Would you like to use App Router? (recommended) No / Yes
7 Would you like to use Turbopack for `next dev`? No / Yes
Upgrading 8 Would you like to customize the import alias (`@/*` by default)? No / Yes
9 What import alias would you like configured? @/*
API Reference

Directives After the prompts, create-next-app will create a folder with your project name and
Components install the required dependencies.
File Conventions

Functions

Configuration

CLI
Manual installation
Edge Runtime To manually create a new Next.js app, install the required packages:
Turbopack
Terminal
Architecture

Accessibility npm install next@latest react@latest react-dom@latest

Fast Refresh

Next.js Compiler Open your package.json file and add the following scripts :
Supported Browsers
package.json
Community

Contribution Guide 1 {
2 "scripts": {
3 "dev": "next dev",
4 "build": "next build",
5 "start": "next start",
6 "lint": "next lint"
7 }
8 }

You might also like