Kann ich meine React-App kostenlos hosten und React-Router-Dom mit Netlify nutzen?

Question

Mein Projekt:

• Reagieren (ich benutze create-react-appBibliothek)
  • Verwenden Sie react-router-dommit BrowserRouter, Routeund SwitchImporte. Auf diese Weise kann ich zu verschiedenen URLs wechseln: Wenn ich beispielsweise meine App auf localhost ausführe, localhost3000ist ich zu Hause. Ein Teil der Funktionalität meiner App besteht darin, URLs zufällig zu generieren - zum Beispiel: localhost3000/123456oder localhost3000/654321.
• Nehmen Sie Änderungen an einer Datenbank in der Echtzeitdatenbank von Firebase vor und verwenden Sie die Authentifizierung von Firebase.

Was ich brauche:

• Kostenlos: Da es sich bei dieser App um ein Portfolio handelt, denke ich, dass ich nur einen Domainnamen benötige, mit dem ich ihn nutzen kannreact-router-dom . Ist zum Beispiel zu www.anyname.comHause und www.anyname/123456.comist eine meiner Routen.

• Nicht frei: Wenn es nicht möglich ist, kostenlos das zu erreichen, was ich will, kaufe ich gerne einen Domain-Namen und würde mich über Vorschläge freuen, wie ich dies tun kann.

Was ich recherchiert habe:

• Netlify wurde mir vorgeschlagen. Ich weiß, dass es die Möglichkeit gibt, einen Teil des Domainnamens zu ändern, aber ich weiß nicht, ob meine "Routen" angezeigt werden, z. B. ( nameofmychoosing.netlify.appist zu Hause und nameofmychoosing/123456.netlify.appist eine meiner Routen - würde dies funktionieren?).

---

PS: Wenn dies nicht der richtige Ort ist, um diese Frage zu stellen, wäre es sehr dankbar, mich auf die richtige Art von Forum zu verweisen.

---

EDIT: gerade entdeckt , diese und diese , die sagen , ich brauche eine leichte Modifikation machen zu bekommen netlify zur Arbeit mit react-router-dom.

Answer 1

Sie können die URL jeder Webseite, auf der Sie Code ausführen, frei ändern. Die einzige Konsequenz ist das Verhalten der relativen URLs und was passiert, wenn die Seite neu geladen wird. In den meisten Self-Hosting-Umgebungen sollten Sie jederzeit Änderungen an der Domain vornehmen können. Exhttps://www.example.com/yourrouteshere oder auch verwendet https://www.example.com/page#Yourrouteshere. Beachten Sie Folgendes, wenn der Benutzer die Seite aktualisiert, die Ihr Backend noch benötigt, um eine angemessene Antwort zu erhalten. Dies kann bedeuten, dass das Backend unabhängig vom URL-Pfad immer dasselbe zurückgibt, oder es kann bedeuten, dass je nach Anwendungsfall etwas anderes bereitgestellt wird.

Sie sollten die Domäne selbst nicht ändern, es sei denn, Sie haben ein seltsames Setup, bei dem für einen seltsamen Anwendungsfall mehrere Hostnamen erforderlich sind.

Sobald eine Anwendung ausgeführt wird, können Sie einen DNS-Eintrag mit einem CNAME-Attribut einrichten, um ihn an den vorhandenen Host weiterzuleiten.

Answer 2

Mit Netlify kann ich meine Reaktions-App kostenlos hosten und nutzen, react-router-domindem ich i) eine Datei _redirectsin dem Ordner aufrufe, in dem sie .htmllebt, und ii) Folgendes einfüge _redirects: /* /index.html 200.

Es gibt bereits eine ähnliche Frage SO & Antwort hier , dass ich auf meine Frage verknüpfen möchte. Ich weiß nicht, wie ich das machen soll, wenn mir jemand zeigen könnte, dass ich das zu schätzen weiß.