Instalação e configuração do Next.js

Neste tutorial, vamos instalar o Next.js e configurar um ambiente de desenvolvimento otimizado para criar aplicações web modernas.

Pré-requisitos do sistema

Antes de começar, verifique se você tem:

• Node.js 16.8 ou versão superior
• npm, yarn ou pnpm como gerenciador de pacotes
• Um editor de código (VS Code recomendado)

Verificação do Node.js

node --version
npm --version

Se o Node.js não estiver instalado, baixe-o em nodejs.org.

Métodos de instalação

1. Create Next App (Recomendado)

O método mais simples para começar:

npx create-next-app@latest mon-app-nextjs
cd mon-app-nextjs
npm run dev

2. Instalação com TypeScript

Para um projeto em TypeScript desde o início:

npx create-next-app@latest mon-app-nextjs --typescript
cd mon-app-nextjs
npm run dev

3. Instalação manual

Para ter mais controle sobre a configuração:

mkdir mon-app-nextjs
cd mon-app-nextjs
npm init -y
npm install next react react-dom

Adicione os scripts no package.json:

{
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  }
}