Setzen Sie Ihre erste KI-Landingpage ein: 3-Minuten-Tutorial

KI kann jetzt Landingpages generieren und bereitstellen — schneller, als du eine kurze Beschreibung schreiben kannst. Mit dem MCP-Server von RedirHub gehst du von einem Prompt in natürlicher Sprache zu einer live gehosteten Seite in unter drei Minuten — ohne Code, ohne Deployment-Skripte und ohne Wartezeit auf Engineering.

Dieses Tutorial fasst alles, was du brauchst, in einer einzigen, ausführbaren Anleitung zusammen. Du musst keine vorherigen Artikel lesen — folge einfach den Schritten, und deine erste KI-Landingpage ist live, bevor dein Kaffee kalt wird.

So sieht der Plan aus: einmalige MCP-Einrichtung, zwei Prompt-Vorlagen (generieren + bereitstellen), Verifizierung und ein Bonus-Trick für kurze Links und QR-Codes in derselben Unterhaltung.

Schnellstart-Checkliste: Was du brauchst#

Bevor du startest, halte diese drei Dinge bereit:

Ein RedirHub-Konto. Der kostenlose Plan deckt alles in diesem Tutorial ab — 2 Hostnames, 100 Records und 100K monatliche Besuche. Registriere dich unter redirhub.com.

Ein Workspace-API-Token. Erstelle eines in deinem RedirHub-Dashboard unter Settings → API. Kopiere es — du fügst es einmal während der Einrichtung ein und danach nie wieder.

Ein MCP-kompatibler Client. Claude Desktop, Cursor, Continue oder jeder andere MCP-Host funktioniert. Wir verwenden in den Beispielen Claude Desktop, aber die gleichen Schritte gelten überall.

Das war’s. Du brauchst anfangs keine Domain — RedirHub stellt für Tests einen Standard-Hostname bereit. Du brauchst kein Wissen über HTML oder CSS — die KI erstellt alles. Kein Deployment-Pipeline, kein Git-Push, keine Netlify-Konfiguration.

MCP-Konfiguration: Einmalige Einrichtung in 2 Minuten#

Der RedirHub MCP-Server verbindet Ihren KI-Client direkt mit der Infrastruktur von RedirHub. Einmal konfigurieren und Sie können Weiterleitungen und Landing Pages aus jedem MCP-kompatiblen Tool heraus erstellen, bereitstellen und verwalten – ohne Kontextwechsel, ohne Dashboard-Anmeldungen.

Fügen Sie diesen Block zu Ihrer Konfigurationsdatei des MCP-Clients hinzu:

{
"mcpServers": {
"redirhub": {
"url": "https://api.redirhub.com/mcp/v1",
"headers": {
"Authorization": "Bearer YOUR_API_TOKEN"
}
}
}
}

Ersetzen Sie YOUR_API_TOKEN durch das Workspace-Token aus Ihrem Dashboard. Starten Sie Ihren MCP-Client neu und prüfen Sie die Verbindung – Sie sollten die Tools von RedirHub in der Liste der verfügbaren Tools sehen: CreateLink, BulkImport, GetStats und mehr.

Das ist die einzige Einrichtung, die Sie jemals brauchen werden. Die gleiche MCP-Konfiguration funktioniert für alle Ihre Clients – Claude Desktop, Cursor, Continue, Zed oder jede benutzerdefinierte Implementierung, die das Model Context Protocol-Standard unterstützt.

Prompt-Vorlage 1: Erstellen Sie Ihre Landing Page#

Jetzt kommt der spaßige Teil. Öffnen Sie Ihren MCP-Client und fordern Sie die KI auf, eine Landing Page zu erstellen. Hier ist eine Vorlage, die beim ersten Versuch verlässliche Ergebnisse liefert:

"Erstellen Sie eine Landing Page für [Ihr Produkt oder Ihren Service]. Fügen Sie einen Hero-Bereich mit Überschrift, Untertitel und CTA-Button hinzu. Ergänzen Sie einen Features-Bereich mit 3 Feature-Karten. Schließen Sie mit einem Preissegment und einer Fußzeile ab. Verwenden Sie ein sauberes, modernes Design mit einer Max-Width-Layoutstruktur."

Die KI generiert vollständiges HTML, CSS und Text in einem einzigen Durchlauf. Sie können diese Vorlage endlos anpassen: Testimonials hinzufügen, die Farbpalette anpassen, ein Kontaktformular einbinden, ein Video einbetten. Jede Überarbeitung dauert nur Sekunden – beschreiben Sie einfach, was Sie ändern möchten.

Pro-Tipp: Seien Sie konkret bezüglich Ihrer Zielgruppe. „Eine Landing Page für SaaS-Entwickler, die URL-Redirect-Automatisierung benötigen“ liefert deutlich schärferen Text als „eine generische Landing Page“. Nennen Sie Ihre Value Props, die Zielbranche und die Aktion, die Besucher ausführen sollen.

Was, wenn der erste Entwurf nicht perfekt ist? Iteriere natürlich. „Mach die Headline kürzer und direkter“ oder „tausche die Feature-Cards gegen ein zweispaltiges Vergleichslayout“ – die KI aktualisiert die Seite sofort. Du kannst in unter einer Minute 5–10 Revisionen durchgehen.

Prompt-Vorlage 2: Setze sie ein#

Sobald du mit der generierten Seite zufrieden bist, stelle sie über dieselbe MCP-Session bereit. Die KI nutzt die Deployment-Tools von RedirHub, um deine Seite in das globale Edge-Netzwerk zu pushen:

„Stelle diese Landingpage bei RedirHub bereit. Verwende meine example.com-Domain mit dem Pfad /ai-landing.“

Wenn du noch keine eigene Domain hast, stellt RedirHub einen Standard-Hostname bereit, damit du sofort testen kannst. Die Bereitstellung ist in Sekunden abgeschlossen – deine Seite ist live über 16+ globale Edge-Knoten hinweg, mit automatischem HTTPS, DDoS-Schutz und integrierter Filterung für schlechte Bots.

Für den Produktivbetrieb zeige den CNAME-Eintrag einer beliebigen Domain auf RedirHub, und sie wird zu deinem Landingpage-Host. Der MCP-Server übernimmt DNS-Verifizierung und SSL-Bereitstellung automatisch – kein Zertifikatsmanagement, keine Erneuerungs-Kalender, keine abgelaufenen-Zertifikate-Alerts.

Im Hintergrund erstellt RedirHub einen Redirect-Eintrag, der deinen Seiteninhalt ausliefert. Du kannst die Seite jederzeit aktualisieren – redeploye mit einem neuen Prompt, und die Änderungen verbreiten sich global in Sekunden. Keine Cache-Invalidierung, kein CDN-Purging, keine Deployment-Warteschlangen.

Prüfen: Öffne die URL in deinem Browser#

Öffne die URL in deinem Browser. Deine KI-generierte Landingpage sollte in Sekunden live sein. Gehe diese kurze Checkliste zur Verifizierung durch:

• •
  Die Seite wird korrekt auf Desktop- und Mobile-Breiten dargestellt – passe die Größe deines Browsers an, um es zu prüfen
• •
  Alle Links und CTA-Buttons funktionieren und führen zu den richtigen Zielen
• •
  HTTPS ist aktiv — achte auf das Schlosssymbol in der Adressleiste
• •
  Die Seite lädt in weniger als einer Sekunde — RedirHub liefert Inhalte über sein Edge-Netzwerk in ca. 90 ms

Wenn etwas nicht stimmt, kehre zu deinem MCP-Client zurück und verfeinere den Prompt. „Mach den CTA-Button größer und mit mehr Kontrast“ oder „füge Social Proof zwischen Features und Preisen hinzu“ — beschreibe die Änderung und redeploye. Jede Iteration dauert nur Sekunden.

Bonus: Kurzlink + QR-Code im selben Gespräch#

Solange du noch in der MCP-Session bist, erstelle einen gebrandeten Kurzlink und einen QR-Code für deine neue Seite — keine zusätzlichen Tools nötig:

„Erstelle einen Kurzlink für meine Landingpage unter redir.hub/launch und generiere einen QR-Code.“

Die RedirHub-MCP-Tools erledigen beides in einem einzigen Befehl. Der Kurzlink ist sauberer für Social Media, E-Mail-Kampagnen und gedruckte Materialien. Der QR-Code ist bereit für Event-Banner, Produktverpackungen oder das Teilen vor Ort.

Sowohl der Kurzlink als auch der QR-Code verweisen auf dieselbe bereitgestellte Landingpage und tracken Klicks separat. So erhältst du kanalbezogene Analysen — vergleiche, wie viele Besucher über den QR-Code kommen versus über den Kurzlink, um zu messen, welches Format mehr Traffic bringt.

FAQ: Häufige Probleme und Lösungen#

Benötige ich Programmierkenntnisse, um RedirHub MCP zu nutzen?#

Nein. Der MCP-Server übersetzt Natural-Language-Anfragen in API-Operationen. Du beschreibst, was du willst — die KI erstellt das HTML und CSS und übernimmt die Bereitstellung. Wenn du einen klaren Satz formulieren kannst, kannst du eine Landingpage bereitstellen.

Was, wenn meine generierte Landingpage nicht richtig aussieht?#

Verfeinere deine Eingabe mit konkreten Angaben. Ergänze Details zum Layout („Zwei-Spalten-Grid“), zum Farbschema („dunkler Header, heller Body“) oder zum Inhalt („kürzere Headlines, Untertext mit Fokus auf den Nutzen“). Die KI iteriert sofort — jede Überarbeitung dauert nur Sekunden. Du kannst die KI auch bitten, ihre Designentscheidungen zu erklären, wenn du verstehen möchtest, was sich zwischen den Versionen geändert hat.

Kann ich eine benutzerdefinierte Domain statt des Standard-RedirHub-Hostnamens verwenden?#

Ja. Lege den CNAME-Eintrag deiner Domain auf RedirHub fest, füge die Domain in deinem Dashboard hinzu und stelle Seiten darüber über den MCP-Server bereit. RedirHub stellt automatisch SSL-Zertifikate für jede Domain bereit, sodass alle deine Seiten ohne zusätzliche Konfiguration über HTTPS ausgeliefert werden.

Wie viele Landingpages kann ich im kostenlosen Plan bereitstellen?#

Der kostenlose Plan unterstützt bis zu 2 Hostnamen und 100 Weiterleitungsdatensätze mit 100K monatlichen Besuchen. Zum Testen und für kleine Projekte ist das mehr als genug. Bezahlte Pläne starten bei 10 $/Monat und schalten unbegrenzte Weiterleitungen, mehr Hostnamen, Teammitglieder und erweiterte Monitoring-Funktionen frei.

Ist die Verbindung zum MCP-Server sicher?#

Ja. Der gesamte MCP-Datenverkehr nutzt HTTPS-Verschlüsselung. Für die Authentifizierung wird ein Workspace-API-Token benötigt — nur Nutzer mit Zugriff auf dein RedirHub-Dashboard können eines erstellen. Du kannst Tokens jederzeit in Einstellungen → API widerrufen und neu generieren. Der MCP-Server läuft außerdem auf der Produktionsinfrastruktur von RedirHub mit demselben 99,99%-Uptime-SLA.

Funktioniert RedirHub MCP mit Cursor und anderen KI-Code-Editoren?#

Ja. Der MCP-Server von RedirHub folgt dem Model Context Protocol. Jeder MCP-kompatible Client — Claude Desktop, Cursor, Continue, Zed, WindSurf oder eigene Implementierungen — kann sich verbinden und alle 19 Tools nutzen. Die Einrichtung ist in allen Clients identisch: Füge denselben JSON-Konfigurationsblock ein, und schon bist du verbunden.

Was kann ich mit RedirHub MCP noch machen, außer Landing Pages?#

Du kannst URL-Weiterleitungen erstellen und verwalten, CSV-Redirect-Maps im Bulk importieren, die Gesundheit und den Status von Weiterleitungen prüfen, Traffic-Analytics ansehen, Teammitglieder und Workspaces verwalten, Short Links und QR-Codes generieren und deinen gesamten RedirHub-Workspace steuern — alles über natürliche Sprache in deinem MCP-Client. Der MCP-Server stellt die vollständige RedirHub-API bereit, sodass du alles, was du im Dashboard tun kannst, auch per Konversation erledigen kannst.

Fazit#

Du hast gerade in drei Minuten eine per KI generierte Landing Page bereitgestellt — von einem Prompt in natürlicher Sprache zu einer Live-URL auf der globalen Edge. Keine Deployment-Pipelines, keine Serverkonfiguration, kein Warten auf Engineering. Das gleiche MCP-Setup, das diese Seite bereitgestellt hat, verwaltet auch deine Weiterleitungen, überwacht die Link-Gesundheit, generiert QR-Codes und steuert deine gesamte URL-Infrastruktur.

Eine MCP-Konfiguration. Zwei Prompts. Unendlich viele Landing Pages. Folge dieser Anleitung → deploye deine erste KI-Landing Page in 3 Minuten.