Ejecuta el sitio en local

1. 01

   Descarga tu plantilla

   Abre Mis plantillas en tu panel de Aniq UI y descarga el ZIP.

   • Mis plantillas

   0:00 / 0:07

   Resultado esperado: Un archivo con un nombre como Nextjs-landing-page-template-2-main-….zip aparece en tus descargas.

   Ya hice este paso
2. 02

   Descomprime y abre la carpeta

   Extrae el ZIP y abre una terminal en la carpeta Nextjs-landing-page-template-2. En Windows, extráelo en el Explorador de archivos y luego abre una terminal en la carpeta.

   TerminalCopiar

   unzip Nextjs-landing-page-template-2-*.zip
   cd Nextjs-landing-page-template-2

   0:00 / 0:08

   Resultado esperado: La carpeta contiene Dockerfile, package.json, messages, public y src.

   ¿Tienes problemas?

   Ya hice este paso
3. 03

   Construye la imagen

   Docker instala las dependencias y construye el sitio dentro de la imagen. La primera construcción tarda unos minutos y necesita conexión a internet; las siguientes reutilizan lo que no cambió.

   Terminalen Nextjs-landing-page-template-2Copiar

   docker build -t analytics-landing .

   0:00 / 0:08

   Resultado esperado: La construcción termina con una línea que nombra la imagen analytics-landing.

   ¿Tienes problemas?

   Ya hice este paso
4. 04

   Inícialo y abre el sitio

   Inicia un contenedor a partir de la imagen y abre localhost:3030/enLocal. Deja la terminal abierta mientras lo usas.

   Terminalen Nextjs-landing-page-template-2Copiar

   docker run -p 3030:3030 analytics-landing

   ¿Un puerto ya está en uso?

   Si el inicio se detiene con port is already allocated o address already in use, otro programa usa el puerto 3030. Detenlo, o cambia el número de la izquierda de -p y abre ese puerto: docker run -p 3041:3030 analytics-landing, y luego localhost:3041/enLocal.

   Un puerto ya está en uso

   0:00 / 0:07

   Resultado esperado: La página de inicio se abre en inglés, con la vista previa del panel bajo el titular. El menú de idioma del encabezado cambia al árabe.

   ¿Tienes problemas?

   Ya hice este paso

Detén e inicia de nuevo

Pulsa Ctrl+C en la terminal para detener el sitio. Si cerraste esa terminal, busca el contenedor y detenlo:

docker ps
docker stop <container-id>

Usa el ID que docker ps muestra para analytics-landing. Para iniciarlo de nuevo, ejecuta el mismo comando docker run; la imagen ya está construida.

Después de cambiar un archivo, vuelve a construir la imagen antes de ejecutarla. La imagen guarda una copia del código del momento en que se construyó.

Tus propios ajustes

Los ajustes se compilan en el sitio cuando se construye la imagen, así que son argumentos de construcción, no opciones de docker run. El que debes definir antes de publicar es tu dirección:

docker build -t analytics-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .

• Qué hace cada ajuste

Siguiente

• Haz que sea tu marca
• Ejecútalo sin Docker
• Publícala en internet