Configurar una nueva aplicación Next.js

Primero, asegurémonos de que tu entorno de desarrollo esté listo.

  • Si no tienes Node.js instalado, instálalo desde aquí. Necesitarás la versión 18 o superior de Node.js.
  • Utilizarás tu propio editor de texto y aplicación de terminal para este tutorial.

Si estás en Windows, recomendamos descargar Git para Windows y usar Git Bash que viene incluido, el cual soporta los comandos específicos de UNIX en este tutorial. Subsistema de Windows para Linux (WSL) es otra opción.

Crear una aplicación Next.js

Para crear una aplicación Next.js, abre tu terminal, navega con cd al directorio donde quieras crear la aplicación y ejecuta el siguiente comando:

npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/main/basics/learn-starter"

Internamente, esto utiliza la herramienta llamada create-next-app, que prepara una aplicación Next.js para ti. Usa esta plantilla a través de la bandera --example.

Si no funciona, por favor revisa esta página.

Ejecutar el servidor de desarrollo

Ahora tienes un nuevo directorio llamado nextjs-blog. Navega a él con:

cd nextjs-blog

Luego, ejecuta el siguiente comando:

npm run dev

Esto inicia el "servidor de desarrollo" de tu aplicación Next.js (más sobre esto después) en el puerto 3000.

Verifiquemos que esté funcionando. Abre http://localhost:3000 desde tu navegador.