Posso hospedar meu app react gratuitamente usando o react-router-dom com o Netlify?

Question

Meu projeto:

• React (eu uso a create-react-appbiblioteca)
  • Use react-router-domusando BrowserRouter, Route& Switchimportações. Isso me permite acessar diferentes urls: por exemplo, quando executo meu aplicativo no localhost, localhost3000está em casa. Parte da funcionalidade do meu aplicativo é gerar urls aleatoriamente - por exemplo: localhost3000/123456ou localhost3000/654321.
• Faça alterações em um banco de dados no Realtime Database do Firebase e use o Auth do Firebase.

O que eu preciso:

• Grátis: como este aplicativo é uma peça de portfólio, acho que só preciso de qualquer nome de domínio que me permita fazer usoreact-router-dom . Por exemplo, www.anyname.comestá em casa e www.anyname/123456.comé uma das minhas rotas.

• Não-livre: se não houver capacidade de conseguir o que desejo de graça, terei prazer em comprar um nome de domínio e gostaria de receber sugestões de como posso fazer isso.

O que eu pesquisei:

• Netlify foi sugerido para mim. Sei que permite alterar parte do nome de domínio, mas não sei se exibirá minhas 'rotas', por exemplo ( nameofmychoosing.netlify.appestá em casa e nameofmychoosing/123456.netlify.appé uma das minhas rotas - funcionaria?).

---

PS se este não for o lugar certo para postar esta questão, me direcionando para o tipo certo de fórum seria muito apreciado.

---

EDIT: acabei de descobrir isso e isso que dizem que preciso fazer uma pequena modificação para obter o netlify para trabalhar react-router-dom.

Answer 1

Você pode alterar livremente o url de qualquer página da web em que esteja executando o código. A única consequência é o comportamento dos URLs relativos e o que acontece quando a página é recarregada. Na maioria dos ambientes de hospedagem própria, você deve se sentir à vontade para alterar qualquer coisa que vier após o domínio. Exhttps://www.example.com/yourrouteshere ou também usado https://www.example.com/page#Yourrouteshere. Lembre-se de que, se o usuário atualizar a página, seu back-end ainda precisará fornecer uma resposta apropriada. Isso pode significar que o back-end sempre retorna a mesma coisa, independentemente do caminho do URL ou pode significar servir algo diferente, dependendo do seu caso de uso.

Você não deve modificar o domínio em si, a menos que tenha uma configuração estranha que depende de vários nomes de host para algum caso de uso estranho.

Depois de ter um aplicativo em execução, você pode considerar a configuração de um registro DNS com um atributo CNAME para encaminhar para o host existente.

Answer 2

Eu sou capaz de, com Netlify, hospedar meu reagir app para uso livre e marca do react-router-dompor i) a criação de um arquivo chamado _redirectsna pasta onde .htmlvidas e ii) inserção em _redirects: /* /index.html 200.

Já existe uma pergunta e resposta semelhante do SO aqui à qual eu gostaria de vincular minha pergunta. Não sei como fazer isso, se alguém pudesse me mostrar que ficaria grato.