Ejecuta la landing page sin Docker
Instala e inicia la landing page con Node.js y Yarn, en desarrollo o como versión de producción.
Antes de empezar: instala Node.js 22 o posterior. Para una primera ejecución no necesitas base de datos ni archivo .env.
Descarga y descomprime la plantilla como en la guía de Docker y luego abre una terminal en la carpeta landing-page-template-2.
Inicia el servidor de desarrollo
Activa Corepack
Corepack viene con Node.js y ejecuta la versión de Yarn que fija el proyecto, Yarn 4. Solo tienes que hacerlo una vez por equipo.
¿Tienes problemas?Terminalcorepack enableInstala las dependencias
Terminalenlanding-page-template-2yarn installResultado esperado: Yarn termina con
¿Tienes problemas?Doney aparece una carpetanode_modules.Inícialo y abre la página
Terminalenlanding-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:3041Local.Resultado esperado: localhost:3030Local abre la landing page. 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:
landing-page-template-2yarn build
yarn startTambién responde en localhost:3030Local. 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 construcción tal como quedó.
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 typecheck | Comprueba los tipos de TypeScript |
Tus propios ajustes
Ambos ajustes son opcionales. Para cambiar uno, copia .env.example a .env.local y edítalo allí. Se leen cuando la aplicación se inicia en desarrollo y cuando se construye, así que reinicia yarn dev, o vuelve a ejecutar yarn build, después de un cambio.
landing-page-template-2cp .env.example .env.local