React2Static
Google AI Studio-Projekte in bereitstellbare Webanwendungen konvertieren
💻 React → HTML/CSS/JS
Klicken oder ziehen Sie eine ZIP-Datei hoch
Unterstützt von Google AI Studio generierte Projekte
Völlig kostenlos
Kein Server erforderlich, alle Builds im Browser
Datenschutz sicher
Code wird nie auf den Server hochgeladen, vollständig lokale Verarbeitung
Schnelle Bereitstellung
Ein-Klick-Generierung von bereitstellbaren statischen Dateien
Stellen Sie Ihr KI-Codierungsprojekt kostenlos und schnell bereit
Um ehrlich zu sein, habe ich keinen Programmierhintergrund, also habe ich anfangs viel Zeit damit verbracht, nach Bereitstellungsmethoden zu suchen. Ich wollte wirklich einen angemessenen Weg, um meine entworfenen Websites zu teilen. Dies ist die schnellste Methode, die ich bisher gefunden habe. Wenn Sie eine bessere Methode kennen, können Sie sich gerne auf Discord melden – wenn es gut funktioniert, werde ich diese Anleitung aktualisieren!
Laden Sie die oben erstellte ZIP-Datei herunter und extrahieren Sie sie in einen normalen Ordner
Besuchen Sie dash.cloudflare.com und melden Sie sich an (registrieren Sie sich kostenlos, wenn Sie kein Konto haben)
Finden Sie Workers & Pages in der linken Seitenleiste und klicken Sie darauf
Klicken Sie auf Create application
Suchen Sie den kleinen Text unten: "Looking to deploy Pages? Get started" und klicken Sie auf Get started
Wählen Sie die Option Drag and drop your files
Geben Sie Ihren bevorzugten Project name ein
Ziehen Sie den extrahierten Ordner direkt in den Upload-Bereich
Warten Sie, bis die Bereitstellung abgeschlossen ist. Wenn Sie die Erfolgsseite sehen, klicken Sie auf den Link, der mit .pages.dev endet, um auf Ihre Website zuzugreifen
🎉 Herzlichen Glückwunsch! Teilen Sie diesen Link mit Ihren Freunden – sie werden beeindruckt sein!
Über die kostenlose Domain
Cloudflare gibt Ihnen automatisch eine kostenlose .pages.dev-Domain, sodass Sie keine kaufen müssen. Sie kommt mit HTTPS und globaler Beschleunigung, was perfekt ist, wenn Sie sie nur mit Freunden teilen oder selbst nutzen möchten. Sofern Sie keine besonderen Anforderungen haben (wie eine professionellere Domain), funktioniert diese kostenlose Domain hervorragend.
Benutzerdefinierte Domain einrichten (Völlig optional)
Kaufen Sie eine Domain bei Cloudflare Registrar (empfohlen) oder verwenden Sie eine vorhandene Domain
Klicken Sie in den Pages-Projekteinstellungen auf Custom domains → Set up a custom domain
Geben Sie Ihre Domain ein und folgen Sie den Anweisungen zur Vervollständigung der DNS-Konfiguration, warten Sie, bis sie wirksam wird
Bereitstellen auf Cloudflare Pages • Vercel • Netlify
Made with ❤️ for Google AI Studio users