Inicialización de Next.js 16

(Leccion 2)

El Comando de Creación Exacto

Bienvenido,. Ha llegado el momento de poner la primera piedra de Euflo Academy. En esta lección, no vamos a dejar nada al azar. Muchos tutoriales te dicen «instala Next.js», pero no especifican la versión, lo que causa errores fatales semanas después cuando las tecnologías se actualizan, va fallando nuestro proyecto, en esta lección de la misma manera vamos a tratar de utilizar palabras sencillas y evitaremos el uso de palabras técnicas, solo las usaremos en casos muy necesarios, empecemos.

Para nuestro LMS, utilizaremos una versión específica y estable dentro de la rama moderna: Next.js 16. Esto nos garantiza compatibilidad con las últimas características de React 19 y Tailwind 4 que usaremos más adelante (OJO. Esos datos son importantes.

1. Preparación del Terreno

Antes de crear la aplicación, debemos asegurarnos de estar en la carpeta correcta de tu computadora donde guardas tus proyectos (por ejemplo, en el Escritorio o una carpeta «Proyectos») o el lugar que tu veas conveniente.

Abre tu terminal que esta en tu computadora, esto puede ser (PowerShell, CMD o Terminal de VS Code) y verifica una última vez que tienes Node.js listo. Recuerda que para Next.js 16 necesitamos Node v20 o superior, nodejs ya instalamos en la anterior leccion, aqui lo que aremos solo es confirmar que versión tenemos instalado, en mi caso yo lo tengo instalado nodejs V22.21.1, puede ser que te salga otros números de versión solo debes asegurarte que la versión sea mínimo  Node V20.

# Terminal node -v

Respuesta esperada: v22.21.1 (o superior)

2. La Ejecución del Comando Maestro

Vamos a utilizar npx, que es un ejecutor de paquetes que viene con Node. Esto descargará temporalmente la herramienta de creación de Next.js sin ensuciar tu sistema operativo.

Atención al detalle: Observa que añadimos @16.0 después del nombre del paquete. Esto es lo que fuerza la versión exacta. El nombre de tu proyecto, según nuestro plan, será lms-platform.

Copia y pega el siguiente comando en tu terminal:

# Terminal
npx create-next-app@16.0 lms-platform

3. Análisis Técnico (¿Qué acabamos de hacer?)

• npx: Ejecuta un comando de un paquete npm (en este caso, create-next-app).
• @16.0: La instrucción crítica. Le dice a npm: «No me des la versión 14, ni la 15, ni la futura 17. Quiero específicamente la 16.0 para seguir este curso sin errores».
• lms-platform: El nombre de la carpeta que se creará. Aquí vivirá todo el código de tu academia.

Una vez presiones ENTER, la terminal te mostrará un mensaje preguntando si deseas instalar el paquete create-next-app. Debes presionar la tecla y (Yes) y luego ENTER.

# Terminal 
Need to install the following packages: create-next-app@16.0 Ok to proceed? (y) y

Inmediatamente después, el asistente te lanzará una serie de preguntas de configuración. NO respondas nada aún. En la siguiente lección, configuraremos esas opciones paso a paso para cumplir con la arquitectura estricta que diseñamos para tu plataforma.