{"id":40,"date":"2024-12-15T20:00:37","date_gmt":"2024-12-15T20:00:37","guid":{"rendered":"https:\/\/willemprins.me\/?p=40"},"modified":"2025-06-30T20:23:49","modified_gmt":"2025-06-30T20:23:49","slug":"wie-und-warum-ich-diese-website-erstellt-habe","status":"publish","type":"post","link":"https:\/\/willemprins.me\/de\/wie-und-warum-ich-diese-website-erstellt-habe\/","title":{"rendered":"Wie (und warum) ich diese Website erstellt habe"},"content":{"rendered":"\n<p>Heute habe ich <a href=\"https:\/\/willemprins.me\">willemprins.me<\/a> ins Leben gerufen, um mich online zu pr\u00e4sentieren und meine Texte zu ver\u00f6ffentlichen. Wie ich im Laufe der Jahre gelernt habe, ist Somtijds wirklich schwer zu buchstabieren und auszusprechen. Im Vergleich dazu ist mein Name viel einfacher. Und: Mein Name ist <em>mein Name<\/em>, was ihn f\u00fcr eine pers\u00f6nliche Marke perfekt macht. Um ehrlich zu sein, gibt es eine ganze Reihe von Leuten mit meinem Namen, aber zum Gl\u00fcck kann man mich nicht so leicht mit dem Besitzer von <a href=\"https:\/\/willemprins.com\">willemprins.com<\/a> verwechseln, denn er ist <s>ein Fotograf<\/s>, oh Schreck&#8230; und auch ein Webentwickler.<\/p>\n\n\n\n<p>Danke an <a href=\"https:\/\/meszarosrob.com\">R\u00f3bert<\/a>, der mir den Dom\u00e4nennamen vorschlug und mich davon abbrachte, <a href=\"https:\/\/willem.wtf\">willem.wtf<\/a> zu registrieren &#8211; eine verlockende Option, aber wohl nicht die beste Wahl f\u00fcr eine PG-freundliche pers\u00f6nliche Website. Danke auch an meine liebe Frau, die mir zum Kauf des Dom\u00e4nennamens gratulierte, indem sie mich fragte: &#8220;Und wei\u00dft du auch schon, was du <em>darauf<\/em> schreiben wirst?&#8221;. Die Antwort war nat\u00fcrlich &#8216;nein&#8217;.<\/p>\n\n\n\n<p>Ein einfacher Einstieg f\u00fcr jeden Technik-Blogger ist es, dar\u00fcber zu schreiben, wie der Blog selbst aufgebaut wurde, also lassen Sie mich das tun, denn ich <em>habe<\/em> einige andere Optionen in Betracht gezogen, bevor ich auf die Tools zur\u00fcckgriff, mit denen ich bereits einige Erfahrung hatte.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die von mir verwendeten Tools: Ich habe mich gr\u00f6\u00dftenteils an das gehalten, was ich bereits kannte<\/h2>\n\n\n\n<p>Schauen wir uns also den Stack an, den ich verwendet habe:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>CMS: <\/strong>WordPress 6.7. Nachdem ich das Interesse an <a href=\"https:\/\/ghost.org\">Ghost<\/a> geweckt hatte, richtete ich eine lokale Umgebung ein, um diese Open-Source-Publishing-L\u00f6sung auszuprobieren. Unter Abw\u00e4gung der zus\u00e4tzlichen Kosten f\u00fcr ein <a href=\"https:\/\/marketplace.digitalocean.com\/apps\/ghost\">Ghost-Droplet<\/a> und anderer H\u00fcrden, auf die ich unweigerlich sto\u00dfen w\u00fcrde, da ich mit dem Tool nicht vertraut bin, entschied ich mich gegen den Wechsel zu dem gl\u00e4nzenden neuen Ding. <br>Zuf\u00e4lligerweise <em>ist <\/em>willemprins.com mit Ghost erstellt worden!<br><\/li>\n\n\n\n<li><strong>Erstes Konzept und Bootstrapping:<\/strong> Ich w\u00e4hlte das Theme aus und machte erste Erkundungen mit <a href=\"https:\/\/developer.wordpress.com\/studio\/\">WordPress Studio<\/a>. Eine Woche zuvor hatte ich mit einem Freund etwas \u00c4hnliches mit <a href=\"https:\/\/wordpress.org\/playground\/\">WordPress Playground<\/a> gemacht<br><\/li>\n\n\n\n<li><strong>Thema: <\/strong><a href=\"https:\/\/wordpress.org\/themes\/pulitzer\">Pulitzer<\/a>, ein blockbasiertes Theme von <a href=\"https:\/\/andersnoren.se\">Anders Nor\u00e9n<\/a>. Ich freue mich, dass ich unwissentlich eine &#8220;Was ich tue und wo ich lebe&#8221;-\u00dcberschrift \u00e4hnlich der von Anders&#8217; Website \u00fcbernommen habe.<br><\/li>\n\n\n\n<li><strong>Einrichtung der lokalen Umgebung:<\/strong> <a href=\"https:\/\/ddev.com\">DDEV<\/a>, installiert mit Homebrew. Nachdem ich feststellte, dass Studio die Verwendung von WP-CLI nicht zul\u00e4sst, wechselte ich zur\u00fcck zu dem auf PHP fokussierten, auf Docker basierenden lokalen Entwicklungstool, das ich bei Syde verwendete.<br><\/li>\n\n\n\n<li><strong>Lokale Datenbankverwaltung<\/strong>: F\u00fcr schnelle DB-Manipulationen verwende ich <a href=\"https:\/\/sequel-ace.com\" data-type=\"link\" data-id=\"https:\/\/sequel-ace.com\">Sequel Ace<\/a>, das ebenfalls \u00fcber Homebrew verf\u00fcgbar ist und sich gut in DDEV integrieren l\u00e4sst. Ein einfacher <code>ddev sequelace-Befehl<\/code> reicht aus, um loszulegen.<br><\/li>\n\n\n\n<li><strong>Bereitstellung: <\/strong>Ich habe diese Website auf ein bestehendes Digital Ocean-Droplet mit <a href=\"https:\/\/github.com\/kovshenin\/sail\">Sail CLI<\/a> von Konstantin Kovshenin deployed. <br><\/li>\n\n\n\n<li><strong>IDE: <\/strong>Visual Studio Code &#8211; obwohl ich dies nur benutzt habe, um eine <a href=\"https:\/\/sailed.io\/kb\/deployignore\/\">.deployignore-Datei<\/a> f\u00fcr Sail zu erstellen, um zu verhindern, dass meine lokale wp-config.php deployed wird.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Fazit bisher: Sail ist immer noch gro\u00dfartig, besonders wenn Ihre Website auf Full Site Editing (FSE) angewiesen ist.<\/h2>\n\n\n\n<p>Wenn Sie vorhaben, einen einfachen Blog mit einem blockbasierten Thema zu starten, m\u00fcssen Sie vielleicht nicht viel eigenen Code schreiben. Das bedeutet, dass Sie sich die M\u00fche ersparen <em>k\u00f6nnen<\/em>, Git zu verwenden und eine Deployment-Pipeline um Ihr VCS herum aufzubauen. Sail nimmt einfach Ihre Dateien, erstellt eine neue Version und nutzt die Digital Ocean API, um sie auf Ihr Droplet zu \u00fcbertragen. Das ist der andere Vorteil von Sail CLI: Sobald Sie ein Droplet mit Sail instanziiert haben, m\u00fcssen Sie weder Zeit noch Geld aufwenden, um ihm weitere Sites hinzuzuf\u00fcgen. Diese Website nutzt dieselben Ressourcen wie die <a href=\"https:\/\/annegretrichter.com\" data-type=\"link\" data-id=\"https:\/\/annegretrichter.com\">Website meiner Frau<\/a>.<\/p>\n\n\n\n<p>Obwohl Konstantin die meiste Arbeit an Sail vor 3 Jahren geleistet hat, hat er <a href=\"https:\/\/github.com\/kovshenin\/sail\/commit\/7cffe5d76f49b160ea2e64f433e2413597423814\">k\u00fcrzlich ein Update ver\u00f6ffentlicht<\/a>, das die Spezifikationen f\u00fcr mit Sail instanziierte Droplets verbessert. Als ich dies auf MacOS Sequoia mit frisch gebrauten Paketen ausprobierte, stie\u00df ich auf einige Probleme mit veralteten Abh\u00e4ngigkeiten. Bisher musste ich ein Downgrade von Node 23.4 auf Node 20.11.1 durchf\u00fchren, und Python gibt eine Warnung aus <a href=\"https:\/\/stackoverflow.com\/questions\/76187256\/importerror-urllib3-v2-0-only-supports-openssl-1-1-1-currently-the-ssl-modu\">, die der in diesem SO-Thema beschriebenen \u00e4hnelt<\/a>.<\/p>\n\n\n\n<p>Trotz dieser Probleme hatte ich die Website innerhalb einer Stunde zum Laufen gebracht, und in Kombination mit DDEV war es bisher eine sehr reibungslose Fahrt. &#8220;Bleib bei dem, was du kennst&#8221; ist nicht nur ein guter Rat f\u00fcr Autoren, sondern auch hilfreich, wenn man als Entwickler schnell etwas liefern muss.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Der Clou: ein <em>sehr<\/em> netter Empfehlungslink von DigitalOcean<\/h2>\n\n\n\n<p>Wenn Sie Digital Ocean mit Sail f\u00fcr Ihr WordPress-Projekt ausprobieren m\u00f6chten, k\u00f6nnen Sie den folgenden Link verwenden, um eine Gutschrift von 200 $ zu erhalten: <a href=\"https:\/\/m.do.co\/c\/dd6caaf81889\">https:\/\/m.do.co\/c\/dd6caaf81889.<\/a> Das Guthaben ist nur f\u00fcr 60 Tage g\u00fcltig, aber es ist perfekt, um mit der leistungsstarken Plattform zu experimentieren.<\/p>\n\n\n\n<p>Bleiben Sie dran, denn ich hoffe, dass ich noch mehr \u00fcber Sail CLI und die Vorteile, die es gegen\u00fcber anderen L\u00f6sungen bietet, schreiben werde. Und wenn ich die M\u00f6glichkeit habe, selbst etwas zu dem Projekt beizutragen, werde ich das tun. Aber erst einmal etwas Schlaf. Gute Nacht!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine kurze Erkl\u00e4rung f\u00fcr den Start einer neuen Website, nachdem somtijemandesnl fast 8 Jahre lang vernachl\u00e4ssigt wurde, und ein kurzer Einblick in die Tools, die zum Aufbau dieser Website verwendet wurden.<\/p>\n","protected":false},"author":2,"featured_media":829,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"editor_notices":[],"activitypub_content_warning":"","activitypub_content_visibility":"","activitypub_max_image_attachments":3,"activitypub_interaction_policy_quote":"","activitypub_status":"federated","footnotes":"","_share_on_pixelfed":"1"},"categories":[7],"tags":[],"class_list":["post-40","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web"],"share_on_pixelfed":{"url":"","error":""},"_links":{"self":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":19,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":1186,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/posts\/40\/revisions\/1186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/media\/829"}],"wp:attachment":[{"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/willemprins.me\/de\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}