React-App hosten

Ihr Build unter einer Live-Adresse, auch ohne eigenen Server

Zip
File
Drag & drop zip or
single file here
Upload file
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
⭐️ Über 2.000.000 zufriedene Nutzer
Für Single-Page-Apps · Genutzt von Teams bei Salesforce, Airbnb, JLL und Nestlé

Was nach npm run build übrig bleibt

Eine React-App, die im Browser läuft, besteht nach dem Build aus HTML- und JavaScript-Dateien. Diese Dateien hostet Tiiny Host unter einer tiiny.site-Adresse oder Ihrer Domain, wahlweise als ZIP-Upload oder aus GitHub.

Was nach npm run build übrig bleibt

Bis zum ersten Deploy

Für Vite und Create React App

1. Relative Pfade einstellen

1. Relative Pfade einstellen

Setzen Sie bei Create React App "homepage": "." in der package.json, bei Vite base: "./" in der vite.config.

2. Bauen und zippen

2. Bauen und zippen

npm run build erzeugt den Ordner build (Create React App) oder dist (Vite), den Sie als ZIP packen.

3. Hochladen

3. Hochladen

Ziehen Sie das ZIP auf tiiny.host und veröffentlichen Sie es unter einem Link-Namen.

Funktionen

Hosting für Single-Page-Apps

📦 Upload ohne Git

Der gezippte Build-Ordner reicht, Repository und Pipeline sind optional.

🐙 Deploy aus GitHub

Mit verbundenem Repository aktualisiert jeder Push auf den Standard-Branch die Seite, in jedem Tarif.

📱 QR-Code zum Testen

Tiny erzeugt einen QR-Code zum Link, Tester öffnen die App damit auf dem Handy.

⏪ Rollback

Bis zu fünf frühere Fassungen lassen sich wieder aktivieren, verfügbar ab Tiny.

🌐 Eigene Domain mit SSL

Eine Adresse wie app.ihre-firma.de samt Zertifikat richten Sie im Tarif Solo ein.

🔎 Analyze Site

Fehlende Styles oder Bilder spürt die Analyse auf, meist sind es falsche Pfade oder Dateinamen.

Im Vergleich

Deploy mit und ohne Repository

IONOS Deploy Now und GitHub Pages bauen Ihre App aus einem GitHub-Repository.

⚡ Tiiny Host
Deploy über GitHub
Upload ohne Repository
Der Build-Ordner als ZIP genügt für den ersten Deploy.
✓ Ja
GitHub-Repository nötig
Auch per GitHub
Jeder Push auf den Standard-Branch aktualisiert die Seite, in jedem Tarif.
✓ Ja
✓ Ja
QR-Code für Tests am Handy
Zum Link gibt es einen QR-Code (ab Tiny).
✓ Ja
Selten
Frühere Fassung aktivieren
Ein Klick auf Rollback holt einen der letzten fünf Stände zurück (ab Tiny).
✓ Ja
Über Git
Einfacher als IONOS Deploy NowGitHub Pages
Preise

Die erste App hosten Sie gratis

Builds bis 3 MB hosten Sie kostenlos. Größere Bundles und mehrere Apps gleichzeitig decken die bezahlten Tarife ab.

Kostenlos
0 €/Monat, dauerhaft
  • ✓ 1 App online
  • ✓ ZIP-Uploads bis 3 MB
  • ✓ 3 Uploads pro Tag
  • ✓ Adresse ihrname.tiiny.site mit SSL
  • – Kleines Tiiny-Host-Banner auf der Seite
Mehr Spielraum bei Bedarf
ab 5 €/Monat bei jährlicher Zahlung
  • Tiny 5 € · 25 MB, unbegrenzte Uploads am Tag, QR-Code, Rollback
  • Solo 13 € · 5 Apps, eigene Domain, API für Deploys aus der Pipeline
  • Pro 31 € · 15 Apps, Teammitglied, Priority-Support
  • Pro Max 74 € · unbegrenzte Apps, 2 TB Speicher
Alle Tarife ansehen → ⭐️ 7 Tage Geld-zurück-Garantie

Upload-Größe je Tarif

Upload-Limit je Tarif
Kostenlos
3 MB
pro App
Tiny · 5 €
25 MB
pro Projekt
Solo · 13 €
75 MB
pro Projekt
Pro · 31 €
10 GB
für das ganze Konto
Pro Max · 74 €
2 TB
für das ganze Konto

Beim Deploy aus GitHub darf das Repository höchstens 75 MB groß sein. Bilder und Videos, die nicht zur App gehören, bleiben am besten außerhalb des Builds.

Für KI-Agenten

Deploys aus der CI-Pipeline

Ihr Build-Job schickt das gezippte dist-Verzeichnis mit API-Schlüssel an den Upload-Endpunkt. Jeder weitere Lauf überschreibt per PUT den vorherigen Stand.

REST-APIEin schlanker Upload-Endpunkt für Automatisierungen und zeitgesteuertes Veröffentlichen.
MCP-ServerClaude Code mit einem einzigen Befehl. Cursor, VS Code, Windsurf, Zed, Codex und v0 mit wenigen Zeilen Konfiguration.
Claude-ConnectorBerichte und Dokumente direkt aus Claude heraus veröffentlichen, am Desktop wie in Claude Code.
SkillEinmal installiert, veröffentlicht Ihr Agent über 100 Dateitypen als Link, darunter PDF und ZIP.
Zur API-Dokumentation → API-Zugang ab dem Tarif Solo
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@dist.zip" \
  -F "domain=meine-react-app.tiiny.site"

# → https://meine-react-app.tiiny.site
# Ein PUT auf dieselbe Domain ersetzt die Datei

React-Projekte bei Tiiny Host

Klickbarer Prototyp

Klickbarer Prototyp

Ein Prototyp für den Kundentermin, deployt kurz vor dem Meeting und per QR-Code auf dem Handy des Kunden geöffnet.

Abschlussprojekt

Abschlussprojekt

Die App aus dem Bootcamp oder der Bachelorarbeit, mit einer Adresse für Bewerbungen.

Internes Tool

Internes Tool

Ein Rechner oder ein Dashboard für das Team, das Daten aus einer externen API lädt.

Ressourcen

Guides zu React und Deployment

How To Deploy a React App

A guide to building and deploying a React app quickly.

NextJS vs React: Key Differences

When a framework with server rendering is worth it and when React alone does the job.

How to Host a Website on Github

Hosting a site from a GitHub repository, step by step.

Häufig gestellte Fragen

Wie hoste ich eine React-App?

Bauen Sie die App mit npm run build und laden Sie den gezippten Build-Ordner bei Tiiny Host hoch. Veröffentlicht ist sie unter einer tiiny.site-Adresse erreichbar.

Warum fehlen nach dem Upload Styles und Skripte?

Fast immer verweisen die Pfade im Build auf das Stammverzeichnis. Setzen Sie bei Create React App "homepage" auf "." und bei Vite base auf "./". Danach bauen Sie neu und laden das ZIP erneut hoch.

Kann ich direkt aus GitHub deployen?

Verbinden Sie Ihr GitHub-Konto im Dashboard über Deploy from GitHub und wählen Sie das Repository. Die gebauten Dateien sucht Tiiny Host in Ordnern wie build oder dist, die Sie mit committen.

Funktioniert das auch mit Next.js?

Ein statischer Export von Next.js lässt sich wie eine React-App hochladen. Server-Rendering und API-Routen brauchen dagegen einen Server und laufen auf diesem Weg nicht.

Gibt es einen Passwortschutz für React-Apps?

Für React-Apps bietet Tiiny Host keinen Passwortschutz an. Eine Demo, die nicht in Suchmaschinen erscheinen soll, versehen Sie ab Tiny mit der Einstellung Hide from Search Engines.

Läuft eine App mit Login-Formular im kostenlosen Tarif?

Seiten mit einem Passwortfeld oder einem Weiterleitungsskript veröffentlicht der kostenlose Tarif nur als Vorschau, die nach einer Stunde offline geht. Mit einem bezahlten Tarif bleibt die App dauerhaft online.

Wie aktualisiere ich die App nach Änderungen?

Über Update laden Sie ein neues ZIP hoch, bei verbundenem Repository genügt ein Push auf den Standard-Branch. Die Adresse bleibt in beiden Fällen gleich.

Was kostet das Hosting einer React-App?

Eine App bis 3 MB hosten Sie kostenlos. Für Tiny zahlen Sie 5 € im Monat bei Jahreszahlung oder 9 € bei monatlicher Abrechnung. Solo mit eigener Domain und API beginnt bei 13 €.

Live in etwa einer Minute