¿Puedo alojar mi aplicación react de forma gratuita haciendo uso de react-router-dom con Netlify?

Question

Mi proyecto:

• Reaccionar (uso la create-react-appbiblioteca)
  • Utilice react-router-domel uso BrowserRouter, Routey Switchlas importaciones. Esto me permite ir a diferentes URL: por ejemplo, cuando ejecuto mi aplicación en localhost, localhost3000está en casa. Parte de la funcionalidad de mi aplicación es generar URL al azar, por ejemplo: localhost3000/123456o localhost3000/654321.
• Realice cambios en una base de datos en la base de datos en tiempo real de Firebase y utilice la autenticación de Firebase.

Lo que necesito:

• Gratis: dado que esta aplicación es una pieza de cartera, estoy pensando que todo lo que necesito es cualquier nombre de dominio que me permita utilizarloreact-router-dom . Por ejemplo, www.anyname.comes mi hogar y www.anyname/123456.comes una de mis rutas.

• No gratuito: si no puedo lograr lo que quiero de forma gratuita, me complace comprar un nombre de dominio y agradecería sugerencias sobre cómo puedo hacerlo.

Lo que he investigado:

• Se me sugirió Netlify. Sé que da la capacidad de alterar parte del nombre de dominio, pero no sé si mostrará mis 'rutas', por ejemplo ( nameofmychoosing.netlify.appes mi hogar y nameofmychoosing/123456.netlify.appes una de mis rutas, ¿funcionaría esto?).

---

PD: si este no es el lugar adecuado para publicar esta pregunta, agradecería mucho que me dirijan al tipo de foro adecuado.

---

EDITAR: acabo de descubrir esto y esto, lo que dice que necesito hacer una pequeña modificación para que netlify funcione react-router-dom.

Answer 1

Puede cambiar libremente la URL de cualquier página web en la que esté ejecutando código. La única consecuencia es el comportamiento de las URL relativas y lo que sucede cuando se vuelve a cargar la página. En la mayoría de los entornos de autohospedaje, debería sentirse libre de cambiar cualquier cosa que venga después del dominio. Exhttps://www.example.com/yourrouteshere o también usado https://www.example.com/page#Yourrouteshere. Algo a tener en cuenta es que si el usuario actualiza la página, su backend aún necesita brindar una respuesta adecuada. Esto puede significar que el backend siempre devuelve lo mismo independientemente de la ruta de la URL o puede significar ofrecer algo diferente según su caso de uso.

No debe modificar el dominio en sí a menos que tenga una configuración extraña que se base en tener varios nombres de host para algún caso de uso extraño.

Una vez que tenga una aplicación en ejecución, puede considerar configurar un registro DNS con un atributo CNAME para reenviarlo al host existente.

Answer 2

Puedo, con Netlify, alojar mi reaccionar aplicación para el uso libre y hacer de react-router-dompor i) la creación de un archivo llamado _redirectsen la carpeta en la .htmlvida y ii) insertar en _redirects: /* /index.html 200.

Ya hay una pregunta y respuesta SO similar aquí a la que me gustaría vincular mi pregunta. No sé cómo hacer eso, así que si alguien pudiera mostrarme eso sería apreciado.