Ejecuta el sitio sin Docker
Instala e inicia el sitio con Node.js y Yarn, en desarrollo o como versión de producción.
Antes de empezar: instala Node.js 20.9 o posterior; se recomienda la 22 o la 24. No hace falta base de datos ni archivo .env para la primera ejecución.
Descarga y descomprime la plantilla como en la guía de Docker y luego abre una terminal en la carpeta Nextjs-landing-page-template-2.
Inicia el servidor de desarrollo
Activa Corepack
Corepack ejecuta la versión de Yarn que fija el proyecto, Yarn 4.8.1. Solo tienes que hacerlo una vez por equipo.
Terminalcorepack enable¿Tienes problemas?Instala las dependencias
TerminalenNextjs-landing-page-template-2yarn installResultado esperado: Yarn termina con
¿Tienes problemas?Doney aparece una carpetanode_modules.Inícialo y abre el sitio
TerminalenNextjs-landing-page-template-2yarn dev¿Un puerto ya está en uso?
Si se detiene con
Un puerto ya está en usoEADDRINUSE: address already in use :::3030, otro programa usa el puerto 3030. Detenlo, o inicia en otro puerto conyarn dev -p 3041y abre localhost:3041/enLocal.Resultado esperado: localhost:3030/enLocal abre la página de inicio. Se recarga sola cuando guardas un archivo.
¿Tienes problemas?
Detén el servidor con Ctrl+C en su terminal.
Ejecuta una versión de producción
El servidor de desarrollo sirve para editar. Para ver el sitio como lo reciben los visitantes, constrúyelo una vez y luego sirve la versión construida:
Nextjs-landing-page-template-2yarn build
yarn startTambién responde en localhost:3030/enLocal. Si el puerto 3030 está ocupado, usa yarn start -p 3041. Vuelve a ejecutar yarn build después de cada cambio: yarn start sirve la última versión construida tal como estaba.
Los scripts
| Script | Qué hace |
|---|---|
yarn dev | Servidor de desarrollo en el puerto 3030 |
yarn build | Versión de producción |
yarn start | Sirve la versión de producción en el puerto 3030 |
yarn lint | Revisa el código con ESLint y las reglas de Next.js |
yarn typecheck | Comprueba los tipos de TypeScript |
Tus propios ajustes
Todos los ajustes son opcionales. Para cambiar uno, copia .env.example a .env.local y edítalo allí. Los valores se leen cuando la aplicación arranca en desarrollo y cuando se construye, así que reinicia yarn dev, o vuelve a ejecutar yarn build, después de un cambio.
Nextjs-landing-page-template-2cp .env.example .env.local