fdodino / politics-react

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ejemplo Politics

Build React App coverage

La explicación del ejercicio la podés encontrar en este repositorio. Aquí vamos a deployar la aplicación a la nube.

Deploy a la nube (Render)

Creamos un static site como aconseja este tutorial de Render, configurando las siguientes propiedades:

render settings

  • General
    • Name: politics-react
  • Build and Deploy
    • Repository: https://github.com/fdodino/politics-react (el link a tu repositorio, podés conectarlo con tu cuenta de Github, darle accesos y eso te habilita a navegar por todos los repositorios asociados)
    • Branch: master (atención que esté sincronizado con el branch que querés usar, sobre todo si es main)
    • El resto de las opciones dejar el default: yarn build como Build Command y build para Publish Directory

Adicionalmente, toda aplicación React que tenga routing necesita configurar la solapa Redirects/Rewrites:

render / redirect-rewrites

  • Source: /*
  • Destination: /public/index.html
  • Action: Rewrite

y luego deployar. A veces puede avisarte que la aplicación está Live pero devolverte un 404, en ese caso hay que deployar manualmente con la opción Clean build cache & deploy:

render / clean cache & deploy

Levantemos el backend si es que no está iniciado, y listo, tenemos la app ejecutándose en la nube:

render deploy full app

About


Languages

Language:JavaScript 90.3%Language:CSS 7.6%Language:HTML 2.1%