Cómo instalar Next.js en tu proyecto de forma sencilla y rápida

Next.js es un framework de React que permite construir aplicaciones web de forma fácil y rápida. En este artículo, te explicaremos cómo instalar Next.js en tu proyecto de forma sencilla.

Pasos para instalar Next.js

1. Crear un nuevo directorio para tu proyecto:

mkdir mi-proyecto

2. Ingresar al directorio recién creado:

cd mi-proyecto

3. Iniciar un nuevo proyecto de Node.js:

npm init -y

4. Instalar Next.js y React:

npm install next react react-dom

5. Agregar scripts de inicio al archivo package.json:

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

6. Crear un archivo pages/index.js con el siguiente contenido:

import React from 'react';

function HomePage() {
  return 
Hola, Mundo!
;
}

export default HomePage;

7. Ejecutar el servidor de desarrollo:

npm run dev

Conclusión

Con estos simples pasos, has instalado Next.js en tu proyecto de forma sencilla y rápida. Ahora puedes comenzar a construir tu aplicación web utilizando este poderoso framework de React.