Besser als ein Profi?! Cursor AI baut meine komplette Agentur-Webseite! 😲
Laurin Wandzioch
0:00 / 0:00
Besser als ein Profi?! Cursor AI baut meine komplette Agentur-Webseite! 😲
4 086 просмотров · 1 год назад
Laurin Wandzioch
1,95 тыс. подписчиков
4 086 просмотров · 1 год назад
🚀 Eine komplette Agentur-Webseite mit KI erstellen?! In diesem Video zeige ich dir Schritt für Schritt, wie du mit Cursor AI eine professionelle Agentur-Webseite erstellst – und das Ergebnis wird dich überraschen! 😲
In der heutigen Zeit müssen Webseiten nicht mehr von Hand programmiert werden – dank leistungsstarker KI-Tools wie Cursor AI kannst du eine komplette Webseite in Minuten nachbauen und individuell anpassen. 💡
🎯 Was dich im Video erwartet:
✅ Ich suche mir eine existierende Agentur-Webseite als Vorlage aus
✅ Ich lasse Cursor die Seite auf Basis von Screenshots nachbauen
✅ Ich zeige, wie du die Farbwerte und das Design ganz einfach individuell anpasst
✅ Ich stelle die fertige HTML-Seite mit Netlify online – und verbinde sie mit einer eigenen Domain! 🌍🚀
📌 Kapitel-Timestamps:
⏳ 00:00 – Intro (Was dich erwartet)
⏳ 01:11 – Bestehende Agentur Webseite finden
⏳ 01:42 – Screenshot der Vorlage erstellen
⏳ 02:19 – Projekt erstellen
⏳ 02:45 – Webseite mit Cursor generieren
⏳ 03:56 – Erstes Ergebnis von Cursor
⏳ 05:10 – Optische Korrekturen der Sektionen
⏳ 07:54 – Funktionales Kontaktformular einbinden
⏳ 08:47 – Formspree Registrierung & Formular Endpunkt
⏳ 10:37 – Texte auf deutsch übersetzen
⏳ 11:20 – Mobilversion testen & verbessern
⏳ 14:15 – Farbwerte anpassen / Webseite individualisieren
⏳ 15:16 – Webseite online stellen
⏳ 16:38 – Eigene Domain verbinden
⏳ 19:44 – Outro / Zusammenfassung
🛠️ Verwendete Tools:
🔹 Cursor AI – Für die KI-generierte Webseite
🔹 Netlify – Zum einfachen Hosten der Webseite
🔹 Screenshot-Analyse – Damit die KI die Struktur der Vorlage übernimmt
📢 Warum Cursor AI?
✅ Einfach zu bedienen – Kein Coding nötig!
✅ Schnelles Generieren von vollständigen HTML-Seiten
✅ Einfache Anpassungen im Code möglich
✅ Moderne Designs und responsive Templates
🔗 Ressourcen & Links:
👉 Teste Cursor AI hier: https://cursor.com
👉 Netlify kostenlos nutzen: https://netlify.app/
👉 Mein kostenloses NeoCoding E-Book: https://NeoCoding.de
🌍 Partnerlinks & verwandte Videos:
🔹 Lovable: https://lovable.dev/?via=laurin
🔹 Tempolabs: https://www.tempolabs.ai/?via=laurin
🔹 Bolt: https://bolt.new/?rid=pqv8n8
🔹 Replit: https://replit.com/refer/laurinneocoding
Hinweis: Einige der Links sind Affiliate-Links. Wenn du darüber ein Premium-Abo abschließt, bekomme ich eine kleine Provision – für dich ändert sich nichts am Preis. Damit unterstützt du meinen Kanal ein bisschen, und ich sag danke! 🙌
👉 Mein Lovable-Video: • To-Do App mit KI erstellen – Lovable No-Co...
👉 Mein Bolt-Video: • App ohne Programmieren? Bolt.new baut dein...
👉 Mein TempoLabs-Video: • App erstellen mit KI – So funktioniert Tem...
👉 Mein Replit-Video: • 🚀 Ist Replit die beste KI für No-Code? Ich...
👉 Mein Video über Webseiten mit KI: • Diese KIs erstellen komplette Webseiten – ...
🔥 Das Ergebnis sieht aus, als hätte ein Profi die Seite gebaut – nur mit KI! 😎Welches KI-Tool soll ich als nächstes testen? Schreib es in die Kommentare! 💬
💡 Vergiss nicht – Like das Video, abonniere den Kanal und aktiviere die Glocke, damit du keine neuen Videos verpasst! 🚀
#NeoCoding #CursorAI #WebseiteErstellen #NoCode #KI #HTML #Netlify #AgenturWebseite