Instalación y configuración de Next.js

En este tutorial vamos a instalar Next.js y a configurar un entorno de desarrollo óptimo para crear aplicaciones web modernas.

Requisitos del sistema

Antes de empezar, asegúrate de tener:

• Node.js 16.8 o una versión posterior
• npm, yarn o pnpm como gestor de paquetes
• Un editor de código (se recomienda VS Code)

Comprobación de Node.js

node --version
npm --version

Si Node.js no está instalado, descárgalo desde nodejs.org.

Métodos de instalación

1. Create Next App (recomendado)

El método más sencillo para empezar:

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

2. Instalación con TypeScript

Para un proyecto con TypeScript desde el principio:

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

3. Instalación manual

Para tener más control sobre la configuración:

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

Añade los scripts en package.json:

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