es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo implementar una aplicación Svelte Kit después de compilarla, utilizando nginx como servidor web.

Tengo un proyecto de Svelte Kit. Quiero desplegar la aplicación en un servidor web Nginx después de ejecutar “npm run build”. Actualmente, tengo un contenedor de node y lo utilizo para iniciar usando “npm run preview”. Funciona bien, pero quiero desplegarlo en un entorno de producción utilizando “build”.

¿Cómo puedo hacer eso?

Ref: https://kit.svelte.dev/docs#command-line-interface-svelte-kit-build

Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    Para implementar un proyecto Svelte Kit en un entorno de producción utilizando el comando build, deberás seguir los siguientes pasos:

    1. Ejecuta el comando npm run build o yarn build en tu terminal para generar una compilación lista para producción de tu proyecto Svelte Kit. Esto creará un directorio build/ en el directorio raíz de tu proyecto.
    2. Copia el contenido del directorio build/ a la carpeta pública de tu servidor web Nginx. Por defecto, esta ubicado en /var/www/html/.

    3. Configura Nginx para servir tu aplicación Svelte Kit. En el archivo de configuración de Nginx, agrega un nuevo bloque de servidor con la siguiente configuración:

    server {
        listen 80;
        server_name example.com;
    
        root /var/www/html;
    
        location / {
            try_files $uri @sveltekit;
        }
    
        location @sveltekit {
            proxy_pass http://localhost:3000;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }
    }
    

    Reemplaza example.com con tu propio nombre de dominio y localhost:3000 con la dirección IP y el número de puerto del contenedor Node.js donde se ejecuta tu proyecto Svelte Kit.

    1. Reinicia Nginx para aplicar los cambios.

    Tu proyecto Svelte Kit ahora debería estar implementado y accesible en tu nombre de dominio.

Comments are closed.