Ir al artículo
Aniq-UI

3D LandingPublica el sitio en internet

Publica el sitio en internet

Despliega en Vercel, en cualquier servidor con Node.js o como imagen de Docker.

El sitio es una app Next.js sencilla, sin base de datos, sin API y sin secretos. Comprueba primero que se construye en tu ordenador:

Terminalen juicy
yarn build

Luego elige una de las tres formas siguientes.

Variables de entorno

No hace falta ninguna, ni al construir ni al ejecutar. La única variable que lee el código es un interruptor de construcción opcional:

VariableCuándoQué hace
BUILD_STANDALONEConstruccióntrue hace que yarn build escriba un servidor independiente en .next/standalone. El Dockerfile la define; déjala sin definir en cualquier otro caso.

Vercel

  1. Pon la carpeta en un repositorio Git

    Sube la carpeta juicy a GitHub, GitLab o Bitbucket. .gitignore ya deja fuera node_modules y el resultado de la construcción.

  2. Impórtalo en Vercel

    En Vercel, añade un proyecto nuevo desde ese repositorio. Detecta Next.js; mantén los ajustes de construcción por defecto.

  3. Deja que Vercel use Yarn 4

    Antes del primer despliegue, añade una variable de entorno al proyecto para que Vercel instale con la versión de Yarn fijada en package.json:

    Variable de entorno de Vercel
    ENABLE_EXPERIMENTAL_COREPACK=1
  4. Despliega

    Inicia el despliegue. Cada push al repositorio vuelve a desplegar.

    Resultado esperado: El sitio responde en su dirección de Vercel, y luego en tu dominio en cuanto lo añadas en los ajustes del proyecto.

Cualquier servidor con Node.js

En un servidor con Node.js 22 o posterior, copia la carpeta juicy y luego instálala, constrúyela e iníciala:

Terminalen juicy
corepack enable
yarn install
yarn build
yarn start

Escucha en el puerto 3030. Apunta tu dominio a él mediante un proxy inverso como Nginx o Caddy, y mantenlo en marcha con un gestor de procesos como pm2 o un servicio de systemd.

yarn start ignora la variable PORT. En un host que asigna el puerto por su cuenta, indícale que la app escucha en 3030, o iníciala con yarn next start -p $PORT.

El sitio no responde en un servicio de hosting

Docker

La misma imagen que ejecutas en local funciona en un servidor. Sirve una versión independiente en el puerto 3030 y no necesita variables. En el servidor, desde la carpeta juicy:

Terminalen juicy
docker build -t juicy .
docker run -d --restart unless-stopped --name juicy -p 3030:3030 juicy

--restart unless-stopped lo vuelve a iniciar después de un reinicio. Apunta tu dominio al puerto 3030 mediante un proxy inverso. Cualquier host que ejecute un contenedor a partir de un Dockerfile puede construirlo igual.

Para actualizar el sitio, construye la imagen de nuevo y luego sustituye el contenedor:

Terminalen juicy
docker build -t juicy .
docker rm -f juicy
docker run -d --restart unless-stopped --name juicy -p 3030:3030 juicy

Siguiente

¿Te atascaste en un paso?

Busca una solución antes de empezar de nuevo.

Solución de problemas

Preferencias de Cookies

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.