Ir al artículo

Web Design AgencyEjecuta el sitio sin Docker

Ejecuta el sitio sin Docker

Instala e inicia el sitio con Node.js y Yarn, en desarrollo o como compilación de producción.

DockerRecomendado Instalación manual

Antes de empezar: instala Node.js 22 o posterior. No necesitas base de datos ni paquetes globales.

Ver los requisitos

Abre una terminal en la carpeta landing-page-template-1, la que obtienes al descomprimir la descarga.

Inicia el servidor de desarrollo

01
Instala e inicia
corepack enable hace que yarn use la versión de Yarn 4 que fija el proyecto; lo ejecutas una vez por ordenador. yarn install descarga las dependencias y yarn dev inicia el sitio.
Terminalen landing-page-template-1
```
corepack enable
yarn install
yarn dev
```
Resultado esperado: localhost:3030Local abre la página. Un cambio en un archivo de src/ o messages/ aparece en el navegador sin reiniciar.
¿Tienes problemas?
Ya hice este paso

¿Un puerto ya está en uso?

Si yarn dev se detiene con EADDRINUSE: address already in use :::3030, otro programa usa el puerto 3030. Detenlo, o inicia en otro puerto con yarn dev -p 3041 y abre localhost:3041Local.

Un puerto ya está en uso

Pulsa Ctrl+C en la terminal para detener el servidor de desarrollo.

Ajustes opcionales

El sitio funciona sin configuración. Para indicar la dirección pública de tu sitio o una API para el formulario de contacto, copia .env.example a .env.local y edítalo:

Terminalen landing-page-template-1

cp .env.example .env.local

En PowerShell:

Terminalen landing-page-template-1

Copy-Item .env.example .env.local

Reinicia yarn dev después de cambiarlo.

Qué hacen los dos ajustes

Versión de producción

Compila el sitio una vez y luego sirve la compilación:

Terminalen landing-page-template-1

yarn build
yarn start

yarn start sirve la compilación en localhost:3030Local. En otro puerto: yarn start -p 3041.

yarn build incluye los valores de .env.local en la compilación, así que vuelve a ejecutarlo después de cambiar alguno.

Scripts

Script	Qué hace
`yarn dev`	Inicia el servidor de desarrollo en el puerto `3030`
`yarn build`	Crea la compilación de producción
`yarn start`	Sirve la compilación de producción en el puerto `3030`
`yarn lint`	Revisa el código con ESLint
`yarn typecheck`	Revisa los tipos con TypeScript

Siguiente

¿Te atascaste en un paso?

Busca una solución antes de empezar de nuevo.

Solución de problemas

Utilizamos cookies para mejorar tu experiencia de navegación, analizar el tráfico del sitio y personalizar el contenido. Al hacer clic en "Aceptar Todo", consientes nuestro uso de cookies para análisis y publicidad personalizada.