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
Para mostrar la aplicación Remix en un sitio web utilizando nginx, siga estos pasos:
npm run build
en el directorio del proyecto. Esto creará un directoriobuild
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 directoriobuild
, asegúrese de configurar nginx para servir el archivoindex.js
en su lugar agregando la siguiente línea en el bloque de servidor: