⚙️ Instalación de Next.js paso a paso

02 - Instalación de Next.js paso a paso

Aprende a crear tu primer proyecto con Next.js desde cero, configurando todas las herramientas necesarias para comenzar a desarrollar de forma profesional.

• Requisitos previos
• Creación del proyecto
• Ejecución del servidor de desarrollo
• Código inicial del proyecto

---

Requisitos previos

Antes de instalar Next.js, asegúrate de tener los siguientes componentes en tu sistema:

• 🧰 Node.js (versión 18 o superior).
• 📦 npm o yarn (gestores de paquetes).
• 💻 Un editor de código, preferiblemente Visual Studio Code.

Puedes verificar si Node.js está instalado ejecutando este comando en tu terminal:

node -v

Si no está instalado, descárgalo desde https://nodejs.org.

Creación del proyecto

Next.js ofrece una herramienta oficial llamada Create Next App, que genera automáticamente la estructura base del proyecto.

Ejecuta el siguiente comando en tu terminal:

npx create-next-app@latest mi-proyecto

Durante el proceso, se te harán algunas preguntas (como si deseas usar TypeScript o Tailwind CSS). Puedes aceptar las opciones por defecto para una configuración básica.

Ejecución del servidor de desarrollo

Una vez creado el proyecto, entra en la carpeta del mismo y ejecuta el servidor:

cd mi-proyecto

npm run dev

Esto iniciará un servidor local en http://localhost:3000.

Abre esa dirección en tu navegador y verás la página inicial de Next.js funcionando. 🚀

Código inicial del proyecto (app/page.js)

export default function Home() {
  return (
    

      
¡Bienvenido a Next.js! ⚙️
      
Este es tu primer proyecto creado con create-next-app.
    
  );
}
        

← Volver al índice