Ejecuta la landing page en local
Pon en marcha la landing page en tu equipo con dos comandos de Docker.
Antes de empezar: instala y abre Docker Desktop, o Docker Engine en Linux. No necesitas nada más.
Ver los requisitosDescarga la plantilla
Abre la página de la plantilla en aniq-ui.com y pulsa Obtener Gratis. Escribe tu nombre y tu correo electrónico: llegas a tu panel, donde Mis plantillas tiene el ZIP.
Resultado esperado: En tus descargas hay un archivo con un nombre como
landing-page-template-2-main-….zip.Descomprime y abre la carpeta
Extrae el ZIP y abre una terminal en la carpeta
landing-page-template-2. En Windows, extráelo en el Explorador de archivos y luego abre una terminal en la carpeta.Terminalunzip landing-page-template-2-*.zip cd landing-page-template-2Resultado esperado: La carpeta contiene
¿Tienes problemas?Dockerfile,package.json,messages,publicysrc.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ó.
Terminalenlanding-page-template-2docker build -t saas-landing .Resultado esperado: La construcción termina con una línea que nombra la imagen
¿Tienes problemas?saas-landing.Inícialo y abre la página
Inicia un contenedor a partir de la imagen y luego abre localhost:3030Local. Deja la terminal abierta mientras lo usas.
Terminalenlanding-page-template-2docker run -p 3030:3030 saas-landing¿Un puerto ya está en uso?
Si el inicio se detiene con
Un puerto ya está en usoports are not available ... address already in use, otro programa usa el puerto 3030. Detenlo, o cambia el número a la izquierda de-py abre ese puerto en su lugar:docker run -p 3041:3030 saas-landing, y luego localhost:3041Local.Resultado esperado: La landing page se abre en inglés, o en árabe si tu navegador prefiere el árabe. El otro idioma está a un clic en el encabezado.
¿Tienes problemas?
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 saas-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 dos ajustes opcionales se compilan en la página al construir la imagen, así que son argumentos de construcción, no opciones de docker run:
landing-page-template-2docker build -t saas-landing --build-arg NEXT_PUBLIC_SITE_URL=https://www.your-domain.com .