Internet hosting-Plattform für Ihre eigene Web site, auf der Sie Ihr Portfolio und andere nützliche Ressourcen über sich selbst präsentieren können. Bevor ich wechselte, hatte ich WordPress etwa ein Jahr lang verwendet und begann über einige Dinge nachzudenken, die bei der Verwendung von WordPress schwierig waren:
- Erstellung der Web site – Es conflict schwierig, das gewünschte Design zu erreichen
- Langsam – Das Erstellen und Aktualisieren in WordPress ist langsam, da es sich um einen Drag-and-Drop-Editor handelt
- Mangelnde Flexibilität – Sie müssen vorgefertigte Komponenten verwenden. Alternativ können Sie benutzerdefinierten HTML-Code verwenden, müssen den Code dann aber trotzdem kopieren, was langsam ist
Dann habe ich darüber nachgedacht, wie einfach es ist, mit einem Agenten-Codierungstool wie Claude Code oder Cursor meine eigene Web site zu programmieren.
Warum verbringe ich viel Zeit damit, Komponenten per Drag-and-Drop zu ziehen und erhalte trotzdem nicht genau das Design, das ich möchte, wenn ich Claude Code einfach dazu auffordern kann, genau das in nur einer Minute zu tun?
Damals beschloss ich, von gehostetem WordPress auf die Verwaltung meiner eigenen Web site umzusteigen, die in Vercel (kostenlos) bereitgestellt wird. Der Hauptzweck dieses Artikels besteht darin, Ihnen zu zeigen, wie das geht und warum Sie dafür keine Programmiererfahrung benötigen.
Sie können finden Meine von mir gestaltete Web site finden Sie in diesem Artikel hier.
Warum Ihre eigene Web site programmieren?
Der Hauptgrund, warum Sie mit dem Codieren Ihrer eigenen Web site beginnen sollten, anstatt einen Drag-and-Drop-Editor wie WordPress oder Webflow zu verwenden, ist:
- Es ist tremendous einfach – Sie müssen buchstäblich keinen Code anfassen
- Es geht viel schneller, Ihre Web site zu erstellen und zu aktualisieren
- Die Designs sind viel besser, da die Codierungsagenten intestine darin sind, qualitativ hochwertige Designs zu erstellen
Da es schneller ist, können Sie Ihre Web site-Designs auch schneller iterieren, was sehr nützlich ist, wenn Sie versuchen, die bestmögliche Web site zu erstellen.
Eine schnelle Iterationsgeschwindigkeit ist der Schlüssel zu schnellem Fortschritt
Natürlich gibt es auch umgekehrt einige Argumente, zum Beispiel, dass WordPress viele Integrationen hat, die nützlich sein können. Für mich überwiegen jedoch die Vorteile bei weitem.
Die Möglichkeit, meine Web site durch die einfache Eingabe einer Eingabeaufforderung zu aktualisieren, wie zum Beispiel:
Lassen Sie alle Schaltflächen auf der Web site beim Schweben einblenden
Dadurch wird meine gesamte Web site buchstäblich in etwa einer Minute aktualisiert (einschließlich der Aktualisierung des Codes durch Claude Code und der Bereitstellung in Vercel). Die gleiche Aktion in WordPress würde mich wahrscheinlich mindestens 30 Minuten dauern.
Stellen Sie sich nun vor, Sie müssten diese Änderung mehrmals professional Woche durchführen. Immer wenn Sie neue Inhalte zu Ihrer Web site hinzufügen oder wenn Ihnen klar wird, dass Sie etwas ändern möchten. Es ist einfach weitaus effizienter, es mit Codierungsagenten direkt im Code zu ändern.
Claude, um Ihre eigene Web site zu programmieren
Erstellen der Web site
Hoffentlich sind Sie überzeugt, warum Sie mit dem Codieren Ihrer eigenen Web site beginnen sollten (oder Claude das für Sie programmieren lassen sollten), anstatt einen Drag-and-Drop-Editor zu verwenden. Kommen wir nun dazu, wie Sie es tun können.
Das Hauptgeheimnis dabei ist, dass Sie nicht wirklich viel selbst tun müssen, wenn man bedenkt, wie intestine die Programmierer bei der Erstellung von Web sites sind. Ich habe die Web site aus meiner vorherigen, von WordPress gehosteten Web site erstellt.
Ich begann, indem ich Claude Code mit folgender Aufforderung aufforderte: wo eivindkjosbakken.com conflict meine WordPress-Seite:
Given my web site right here: eivindkjosbakken.com, copy this web site precisely,
through the use of React. Create a GitHub repository and push the code thereClaudes Code erstellte dann eine nahezu exakte Nachbildung meiner vorherigen Web site, die ich nun lokal ausführen konnte. Ich habe die Entwürfe überprüft und sichergestellt, dass alles in Ordnung conflict, was größtenteils auch der Fall conflict, bis auf ein paar Dinge, auf die ich im nächsten Abschnitt eingehen werde.
Hosten der Web site
Dann bin ich dazu übergegangen, die Web site zu hosten. Ich verwende Vercel, da es die kostenlose Bereitstellung Ihrer Web site ermöglicht, einfach zu verwenden ist und vollständig vom Terminal aus verwaltet werden kann. Die Verwaltung über das Terminal ist tremendous nett, sodass Claude sich um die Bereitstellungen und andere Probleme mit Vercel kümmern kann.
Bei der ersten Bereitstellung musste ich jedoch ein Projekt erstellen vercel.com und verbinde meine Codebasis mit diesem Projekt. Sie können jeden LLM fragen, wie das geht, und er wird Ihnen eine genaue Schritt-für-Schritt-Anleitung zum Verbinden Ihres Codes mit Vercel geben. Vercel bietet Ihnen außerdem 100 kostenlose Bereitstellungen professional Tag, was mehr als genug sein sollte.
Nachdem ich mich mit Vercel verbunden hatte, conflict alles betriebsbereit und ich konnte über das Web auf meine Web site zugreifen.
Aktualisierung der Web site
Nachdem ich meine WordPress-Web site kopiert hatte, entdeckte ich auch einige Aktualisierungen, die ich an meiner Web site vornehmen wollte. Ich wollte zum Beispiel:
Diese Änderungen konnten schnell vorgenommen werden und ich musste Claude einfach eine Beschreibung meiner Änderung geben (z. B. Markieren Sie die Artikelkarte oben), und die Änderung erfolgte in weniger als einer Minute. Diese Änderung mit einem Drag-and-Drop-Editor vorzunehmen, würde wahrscheinlich viel länger dauern.
Jetzt kann Sie nur noch Ihre Vorstellungskraft davon abhalten, Ihre Web site zu aktualisieren, und Sie können in Wirklichkeit jede Änderung vornehmen und Designs schnell wiederholen, indem Sie einfach Ihren Programmieragenten dazu auffordern.
Herausforderungen, die ich lösen musste
Claude hat die Nachbildung meiner alten WordPress-Web site größtenteils in einem einzigen Code erstellt, nur aus der URL meiner Web site. Es gab jedoch einige Probleme, die ich lösen musste, wie Sie unten aufgeführt sehen können:
- Mein WordPress hatte die Möglichkeit, E-Mails an mich zu senden
- Ich musste einige Bilder von der alten Web site kopieren, zum Beispiel für meine Artikel (manuelle Prozesse)
- Einige Probleme mit den sozialen Hyperlinks – sowohl beim Finden der richtigen als auch beim Sicherstellen, dass sie von hoher Qualität sind
- WordPress hat eine Mailingliste, und das musste ich jetzt irgendwie selbst verwalten
- Umzug der Area von WordPress zu NameCheap
Für die E-Mails habe ich verwendet EmailJS die Möglichkeit zu haben, E-Mails von meiner Web site aus zu versenden. Dieser Service ist kostenlos und einfach einzurichten, nachdem Sie von Ihrem Coding-Agenten eine Schritt-für-Schritt-Anleitung angefordert haben.
Zum Kopieren der Bilder habe ich die Bilder einfach lokal heruntergeladen, sie im Code-Repository abgelegt und Claudes Code mitgeteilt, wo er die Bilder finden kann. Anschließend kopierte Claude die Bilder in einen bestimmten Bildordner, damit sie auf der Web site gehostet werden konnten.
Bei den sozialen Hyperlinks musste ich Claude einfach ein paar Mal mit einem Screenshot darüber auffordern, wie die sozialen Hyperlinks aussahen (an einer Stelle sahen sie zum Beispiel sehr körnig aus), und Claude löste das Drawback mit drei bis vier Aufforderungen und Suggestions.
Für die Mailingliste habe ich mich für den Wechsel entschieden MailerLitedas eingebettete Formulare bietet, die Sie auf Ihrer Web site verwenden können, damit sich Leute mit ihrer E-Mail-Adresse anmelden können. Sie können das eingebettete Formular einfach Ihrem Codierungsagenten geben, der es in Ihre Web site einbetten wird.
Das Verschieben von Domains conflict die zeitaufwändigste Aufgabe. Ich hatte meine vorherige Area in WordPress gekauft, was den Prozess etwas schwieriger machte. Allerdings habe ich Gemini 3 dazu gebracht, mir eine Schritt-für-Schritt-Anleitung zur Verfügung zu stellen, die intestine funktioniert hat, und ich habe Domains zu NameCheap übertragen, wo ich selbst die volle Kontrolle über die Area habe.
Abschluss
In diesem Artikel habe ich besprochen, wie Sie Ihre Web site von einem Drag-and-Drop-Editor wie WordPress oder Webflow auf Ihre eigene verwaltete Web site verschieben können. Mit Coding Brokers und Vercel ist dieser Vorgang relativ einfach, wodurch Sie viel mehr Kontrolle über Ihre eigene Web site haben. Darüber hinaus ermöglicht es Ihnen eine schnellere Iteration auf Ihrer Web site und vereinfacht die Aktualisierung Ihrer Web site.
Ich glaube, dass wir uns gänzlich von Drag-and-Drop-Editoren entfernen, wenn wir sehen, wie intestine die heutigen Codierungsagenten funktionieren, und angesichts der Tatsache, dass man nicht mehr wirklich Programmiererfahrung braucht, um einfache Programmierungen wie die Aktualisierung des Designs einer Web site durchzuführen.
👉 Finden Sie mich in den sozialen Netzwerken:
📚 Holen Sie sich mein kostenloses E-Guide „Imaginative and prescient Language Fashions“.
💻 Mein Webinar zu Imaginative and prescient Language Fashions
📩 Abonnieren Sie meinen E-newsletter
✍️ Medium