Notizen aus der Praxis
Blog
Notizen zum Bau von Websites und Produkten: Entwicklung, Design, SEO und Launch.
13 Beiträge
Eine Ramen-Marke rund um eine Katze – vom Logo bis zur Live-Website
Eine schwarze Katze mit leicht leerem Blick wurde zu einer ganzen Ramen-Marke und dann zu einer dreisprachigen Website, auf der sie in Endlosschleife Nudeln isst. Logo, Markenauftritt, Claude Design, Claude Code, Higgsfield und Railway.
Ein Onlineshop mit Claude – vom Design bis zum Launch
Eine tibetische Räucherwerk-Marke, von Anfang bis Ende mit KI umgesetzt. Logo und Verpackung, ein Payload-Shop, PayPal-Checkout und die unspektakulären Teile, die aus einem Schaufenster einen echten Shop machen.
Ich habe meine Website in einer Woche mit KI neu gebaut
Auf Wolken stehen, durch den Himmel fallen, an Ballons schweben – und ein Fenster in meinen Arbeitsplatz. Wie die neue Website entstanden ist, und die Ideen, die es nicht geschafft haben.
Was kostet die Entwicklung eines MVP? Eine praktische Aufschlüsselung
Was die Kosten eines Minimum Viable Product wirklich bestimmt, wie Sie sie in Stunden schätzen, bevor Sie mit jemandem sprechen, und wo Gründer zu viel ausgeben.
So schreiben Sie ein Website-Briefing (mit kostenloser Vorlage)
Ein Website-Briefing, das in einer Runde genaue, vergleichbare Angebote bringt. Was hineingehört, was nicht, und eine Vorlage zum Kopieren.
Statischer Export in Next.js (output: 'export'): der vollständige Leitfaden
Wie der statische Export in Next.js mit dem App Router funktioniert, was er nicht kann, und die Workarounds für Bilder, dynamische Routen, Formulare und Weiterleitungen.
Technisches SEO für den Next.js App Router: eine praktische Checkliste
Metadaten, kanonische URLs, Sitemaps, robots.txt, strukturierte Daten, hreflang und Core Web Vitals im Next.js App Router – mit Code zum Kopieren.
Ein Markdown-Blog in Next.js – ohne CMS und ohne Datenbank
Ein Blog, in dem jeder Beitrag eine Markdown-Datei in Ihrem Git-Repository ist. Front Matter, Syntax-Highlighting, Bilder, Video und statische Seiten mit dem Next.js App Router.
Ein serverloses Kontaktformular mit Cloudflare Workers und D1
So bekommt eine statische Website ein funktionierendes Kontaktformular – mit einem Cloudflare Worker, einer D1-Datenbank, Spamschutz per Turnstile und sofortiger Benachrichtigung. Im kostenlosen Tarif, mit vollständigem Code.
Core Web Vitals für animierte Websites: LCP, INP und CLS bestehen
Wie eine Website Scrollanimationen, WebGL und Video behält und trotzdem die Core Web Vitals besteht. Die konkreten Ursachen für schlechte LCP-, INP- und CLS-Werte – und die Lösungen.
