Werkzeug
mit Bestand
Jedes Projekt bekommt die Werkzeuge, die zu ihm passen, nicht die, die ich gerade am liebsten mag. Hier steht, womit ich arbeite, was jedes Tool gut kann und wann ich es einsetze.
CMS & Website-Builder
Wo Inhalte gepflegt werden: klassisch, headless oder visuell, je nachdem, wer was wie oft ändert.
WordPress
WordPress ist das meistgenutzte CMS im Web. Wann es die richtige Wahl ist, wie ich es schnell und sicher einrichte und worauf zu achten ist.Contentful
Contentful ist ein Headless-CMS für strukturierte Inhalte über Websites, Apps und Kanäle hinweg. Seine Stärken, seine Grenzen und wann ich es einsetze.Storyblok
Storyblok ist ein Headless-CMS mit visuellem Editor: Die Redaktion baut Seiten aus Komponenten und sieht Änderungen sofort. Wann es passt und wie ich es einrichte.Sanity
Sanity ist eine Headless-Content-Plattform mit frei anpassbarem Redaktions-Studio und Zusammenarbeit in Echtzeit. Ihre Stärken und wann ich sie einsetze.EmDash
EmDash ist ein neueres Open-Source-CMS auf Basis von Astro und TypeScript, mit einem Modell aus Seiten, Beiträgen und Plugins wie bei WordPress. Was es bietet und wann es passt.Webflow
Webflow ist ein visueller Website-Builder mit eingebautem CMS und Hosting. Wann es für Marketing-Teams passt und wo seine Grenzen liegen.Framer
Framer ist ein designorientierter Website-Builder mit eingebauter Animation, CMS und Hosting. Wann es das richtige Werkzeug ist und wo seine Grenzen liegen.
Frontend
Frameworks und Styling für schnelle, barrierefreie Seiten und Web-Apps.
Astro
Astro ist ein Web-Framework für schnelle, inhaltsgetriebene Websites, die standardmäßig kaum JavaScript ausliefern. Warum ich die meisten Marketing-Seiten damit baue.SvelteKit
SvelteKit ist das App-Framework für Svelte: schnelle, kompakte Web-Apps mit Server-Rendering, Routing und Formularen an Bord. Wann ich es einsetze.Next.js
Next.js ist das meistgenutzte React-Framework für Web-Apps und große Websites. Seine Stärken, seine Kompromisse und wann ich damit baue.Tailwind CSS
Tailwind CSS ist ein Utility-first-CSS-Framework, das ein Designsystem in Code übersetzt. Warum ich es für einheitliches, wartbares Styling nutze.
Animation
Bewegung, die den Blick führt, von kleinen Übergängen bis zu Szenen, die beim Scrollen ablaufen.
Motion
Motion ist eine Animationsbibliothek für das Web und React, mit Federphysik, Scroll-Effekten und Layout-Animationen. Wie ich sie für Bewegung mit Sinn einsetze.GSAP
GSAP ist eine professionelle Animationsplattform für komplexe Timelines, scrollgesteuerte Szenen und SVG-Animation. Wann es das richtige Werkzeug ist.
Commerce & Zahlungen
Shops, Checkouts und Zahlungen, vom einzelnen Produkt bis zum ganzen Sortiment.
Shopify
Shopify ist eine gehostete E-Commerce-Plattform für Shops jeder Größe. Wann sie passt, wie ich sie einrichte und wie sie sich von selbst gehosteten Shops unterscheidet.Shopware
Shopware ist eine offene E-Commerce-Plattform aus Deutschland, stark bei B2B, komplexen Sortimenten und den Anforderungen europäischer Märkte. Wann ich sie einsetze.Stripe
Stripe ist eine Zahlungsplattform für Online-Zahlungen, Abos und Rechnungen, eingebaut in Websites und Apps. Wie und wann ich sie einsetze.
Backend
APIs, Datenbanken und die Logik hinter Web-Apps.
Laravel
Laravel ist ein PHP-Framework für Webanwendungen, APIs und individuelle Backends, mit allem an Bord. Wann ich damit baue.Ruby on Rails
Ruby on Rails ist ein ausgereiftes Web-Framework, mit dem auch kleine Teams komplette Webanwendungen bauen. Warum es weiterhin eine starke Wahl ist und wann ich es einsetze.NestJS
NestJS ist ein TypeScript-Framework für strukturierte, skalierbare Backends und APIs auf Node.js. Wann sich seine Struktur auszahlt.Go
Go ist eine kompakte, schnelle Programmiersprache für Services, APIs und Tools, die mit wenig Ressourcen zuverlässig laufen. Wann ich sie einsetze.PocketBase
PocketBase ist ein Open-Source-Backend in einer einzigen Datei: Datenbank, Anmeldung, Dateispeicher und Adminbereich. Wann es die richtige Wahl ist.
Design
Wo Oberflächen, Layouts und Designsysteme Gestalt annehmen, bevor sie gebaut werden.
Figma
Figma ist das kollaborative Designtool für Oberflächen, Prototypen und Designsysteme. Wie ich es vom Wireframe bis zur Übergabe an die Entwicklung nutze.Paper
Paper ist ein Designtool, dessen Arbeitsfläche auf echtem HTML und CSS aufbaut, sodass sich Entwürfe von Anfang an wie das Web verhalten. Was es mitbringt und wann ich es nutze.
Hosting & Infrastruktur
Wo Websites laufen: weltweit schnell, sicher und mit wenig Wartung.
