Publícala en internet

Antes de desplegar

Configura NEXT_PUBLIC_SITE_URL con la dirección que tendrá el sitio, como https://www.your-domain.com. Se compila en la página al construirla, así que debe estar configurada donde se ejecuta la construcción, no solo donde se ejecuta el sitio.

Configura también NEXT_PUBLIC_API_BASE_URL si muestras la sección de newsletter. No necesitas nada más: no hay base de datos ni secretos.

• Los dos ajustes

Vercel

1. 01

   Pon la carpeta en un repositorio Git

   Sube la carpeta landing-page-template-2 a GitHub, GitLab o Bitbucket. La descarga ya incluye un .gitignore que deja fuera node_modules, la construcción y tus archivos .env.
2. 02

   Impórtala en Vercel

   En Vercel, añade un proyecto nuevo a partir de ese repositorio. Detecta Next.js; conserva los ajustes de construcción por defecto.
3. 03

   Añade las variables de entorno

   En Environment Variables del proyecto, añade NEXT_PUBLIC_SITE_URL con tu dirección, y ENABLE_EXPERIMENTAL_COREPACK con el valor 1 para que Vercel instale con la versión de Yarn 4 que fija package.json.
4. 04

   Despliega

   Inicia el despliegue y luego añade tu dominio en los ajustes Domains del proyecto.

   Resultado esperado: Tu dominio abre la landing page.

Después de cambiar una variable, vuelve a desplegar: el sitio en ejecución conserva los valores con los que se construyó.

Cualquier servidor con Node.js

En un servidor con Node.js 22 o posterior, copia la carpeta, configura las variables y luego instala, construye e inicia:

corepack enable
yarn install
NEXT_PUBLIC_SITE_URL=https://www.your-domain.com yarn build
yarn start

También puedes poner los valores en un archivo .env.local en la carpeta antes de yarn build. El sitio responde en el puerto 3030. Pon delante un servidor web como Nginx o Caddy para tu dominio y HTTPS, y mantén yarn start en ejecución con un gestor de procesos o un servicio del sistema.

Una imagen de Docker

El Dockerfile construye una imagen pequeña que sirve el sitio con Node.js en el puerto 3030. Pasa tus ajustes al construirla y luego ejecútala en segundo plano para que se reinicie con el servidor:

docker build -t saas-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .
docker run -d --restart unless-stopped -p 3030:3030 saas-landing

Añade --build-arg NEXT_PUBLIC_API_BASE_URL=… cuando uses la newsletter. Cualquier proveedor que ejecute un Dockerfile puede construirla tal cual. Pon un servidor web delante del puerto 3030 para tu dominio y HTTPS, como con Node.js.

Cuando ya está en internet

• Abre tu dirección con /en y /ar y comprueba ambos idiomas.
• Mira el código fuente de la página y comprueba que el enlace canonical empieza por tu dominio, no por localhost. Si no es así, NEXT_PUBLIC_SITE_URL no estaba configurada cuando se construyó el sitio.