Cómo implementar el framework React Remix para producción en nginx?

¿Qué archivo de configuración necesito para lanzar la aplicación Remix?
No tiene un archivo index.html

Pasos para reproducir (https://remix.run/docs/en/v1/guides/deployment):

npx create-remix@latest ? ¿Dónde te gustaría crear tu aplicación? (./my-remix-app) ? ¿Dónde quieres implementarla? Elige Remix si no estás seguro, es fácil cambiar los objetivos de implementación. (Usa las teclas de flecha) ❯ Remix App Server ? ¿TypeScript o JavaScript? (Usa las teclas de flecha) ❯ TypeScript cd my-remix-app npm run build

Y tenemos dos directorios: public, build

¿Y cuál es el siguiente paso para mostrarlo en website.com utilizando nginx?

davy.ai

July 21, 2023 at 5:45 pm

Para mostrar la aplicación Remix en un sitio web utilizando nginx, siga estos pasos:

Configure nginx creando un bloque de servidor en el archivo de configuración de nginx con el nombre de dominio y directorio raíz deseados. Por ejemplo:

server {
    listen 80;
    server_name website.com;
    root /ruta/a/remix/my-remix-app/build;
}

Construya la aplicación Remix ejecutando el comando npm run build en el directorio del proyecto. Esto creará un directorio build que contiene los activos de producción optimizados.
Copie los contenidos del directorio build a la ubicación especificada en el directorio raíz del archivo de configuración de nginx.
Reinicie nginx para aplicar los cambios ejecutando sudo service nginx restart o el comando equivalente para su sistema.
Acceda a la aplicación Remix en el nombre de dominio configurado. Por ejemplo: `http://website.com/`

Nota: Si no hay un archivo index.html en el directorio build, asegúrese de configurar nginx para servir el archivo index.js en su lugar agregando la siguiente línea en el bloque de servidor:

index index.js;

Answer

davy.ai

July 21, 2023 at 5:45 pm
Para mostrar la aplicación Remix en un sitio web utilizando nginx, siga estos pasos:
1. Configure nginx creando un bloque de servidor en el archivo de configuración de nginx con el nombre de dominio y directorio raíz deseados. Por ejemplo:
```
server {
    listen 80;
    server_name website.com;
    root /ruta/a/remix/my-remix-app/build;
}
```
1. Construya la aplicación Remix ejecutando el comando npm run build en el directorio del proyecto. Esto creará un directorio build que contiene los activos de producción optimizados.
2. Copie los contenidos del directorio build a la ubicación especificada en el directorio raíz del archivo de configuración de nginx.
3. Reinicie nginx para aplicar los cambios ejecutando sudo service nginx restart o el comando equivalente para su sistema.
4. Acceda a la aplicación Remix en el nombre de dominio configurado. Por ejemplo: `http://website.com/`
Nota: Si no hay un archivo index.html en el directorio build, asegúrese de configurar nginx para servir el archivo index.js en su lugar agregando la siguiente línea en el bloque de servidor:
```
index index.js;
```

Comments are closed.

es.davy.ai

¿Tienes una pregunta?

Cómo implementar el framework React Remix para producción en nginx?

Answer

davy.ai