Compilar (build o publicar) una aplicación de React

El siguiente comando crea en la carpeta build un compilado de nuestra aplicación. En el caso de que usemos react-router.

npm run build

Deberemos asignar un valor a la variable PUBLIC_PATH que definiremos en el fichero .env con la ruta final en la que será alojado el proyecto. De lo contrario, este sólo funcionará si está alojado en la raíz del servidor web.

.env

PUBLIC_URL = /ruta-en-produccion

En el caso de que estuviesemos usando React Router, será necesario además asignar este valor al atributo basename:

<BrowserRouter basename={process.env.PUBLIC_URL} >

Subir a netlify

1. Instalaremos netlify en nuestro sistema operativo:

npm i -g netlify-cli

2. Haremos un build de nuestra aplicación.

3. Debemos borrar la carpeta en la que se hace el build de nuestro .gitignore.

4. Subimos nuestro código a un repositorio de github.

5. Accederemos a la página web de netlify y crearemos un nuevo sitio web. En el proceso de creación vincularemos el sitio al repositorio de github donde debemos hacer subido los datos. Durante la subida (y en las opciones de configuración que aparecerán posteriormente) podimos acceder a configuración avanzada para configurar las variables de entorno.

A tener en cuenta

La aplicación se subirá a un subdominio random. Ten en cuenta que es posible cambiar el nombre de este subdomino desde el panel de administración de netifly.

Ten en cuenta que en el menú netifly pudes comprar un dominio para vincularlo a tu proyecto. Puedes hacerlo desde el menú Domain management.