Publica el sitio en internet
Publica en Vercel, en cualquier servidor Node.js o como imagen de Docker, con tu propia dirección.
Define primero tu dirección
NEXT_PUBLIC_SITE_URL es la dirección desde la que se sirve el sitio, por ejemplo https://www.your-domain.com. El enlace canónico, las alternativas de idioma y la imagen para compartir se construyen a partir de ella. Si no se define, apuntan a http://localhost:3030.
Se incorpora a la construcción, así que defínela donde se construye el sitio. Cada cambio necesita una nueva construcción.
| Dónde construyes | Dónde definirla |
|---|---|
| Vercel | Las Environment Variables del proyecto, y luego vuelve a desplegar |
yarn build | .env en la carpeta del sitio, copiado de .env.example |
docker build | --build-arg NEXT_PUBLIC_SITE_URL=… en el comando de construcción |
Es la única variable que lee el sitio, y no es secreta.
Vercel
Pon la carpeta en un repositorio Git
Sube la carpeta
landing-page-template-3a GitHub, GitLab o Bitbucket.Impórtala en Vercel
Vercel reconoce Next.js. Deja sus ajustes de construcción como están.
Añade tu dirección
En Environment Variables, añade
NEXT_PUBLIC_SITE_URLcon tu dominio y despliega.Conecta tu dominio
Añade el dominio en los ajustes del proyecto y comprueba que coincide con
NEXT_PUBLIC_SITE_URL.
La carpeta fija Yarn 4 en package.json. Si la instalación en Vercel se detiene por la versión de Yarn, añade la variable de entorno ENABLE_EXPERIMENTAL_COREPACK con el valor 1 y vuelve a desplegar.
Cualquier servidor Node.js
En un servidor con Node.js 22 o posterior, después de definir NEXT_PUBLIC_SITE_URL en .env:
landing-page-template-3corepack enable
yarn install
yarn build
yarn startyarn start sirve el sitio en el puerto 3030; yarn start -p 8080 usa otro puerto. La variable PORT se ignora, porque el script define el puerto él mismo. Pon delante un proxy inverso como Nginx o Caddy para HTTPS y tu dominio, y mantén el proceso en marcha con un gestor como PM2 o systemd.
Docker
La imagen sirve la versión standalone de Next.js con Node.js 24, con un usuario sin privilegios, en el puerto 3030. Constrúyela con tu dirección y ejecútala en cualquier servidor que ejecute contenedores:
landing-page-template-3docker build -t company-site --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .
docker run -d --restart unless-stopped -p 3030:3030 company-siteEl contenedor no necesita variables de entorno al ejecutarse. Dirige tu proxy inverso o el enrutamiento de la plataforma al puerto 3030. Una plataforma que construye desde el Dockerfile funciona igual: pásale NEXT_PUBLIC_SITE_URL como argumento de construcción.
Compruébalo después de desplegar
- Tu dominio abre la página en inglés en
/en, y el selector lleva a/ar. - En el código fuente de la página, el enlace canónico empieza por tu dominio, no por
localhost. - Un enlace al sitio compartido en un chat muestra la imagen de vista previa de
public/image.png.