4 Slots Q2/26

E-Commerce-Beratung & Agentur·Next.js 16 · App Router · Fly.io

clickpuls.com – Agentur-Website, die DACH-weit auf Platz 1 rankt

Unsere eigene Agentur-Website — Next.js 16, Tailwind CSS v4, TypeScript, bilingual auf de-AT und en-AT, deployed auf Fly.io. Innerhalb weniger Monate DACH-weit Google-Platz-1-Rankings auf vielen kommerziellen Keywords — und gleichzeitig die Arbeitsprobe für das, was wir Kunden bauen: Content-as-Code, vollständiges Schema-Markup, AI-Citation-fähige Architektur.

clickpuls.com – Agentur-Website, die DACH-weit auf Platz 1 rankt — clickpuls
Kunde
clickpuls
Plattform
Next.js 16 · App Router · Fly.io
Dauer
2025 – heute · Eigenentwicklung & laufende Optimierung
Website
Besuchen

01 / Herausforderung

Als Agentur ist die eigene Website die Arbeitsprobe. Jeder erste Klick ist ein implizites „Kann das ihr?" — und das in einer Keyword-Landschaft (Shopify-Agentur Wien, E-Commerce-Beratung, WooCommerce-Betreuung, WordPress-Wartung, AI-Beratung DACH), in der etablierte Inhouse-Teams und Großagenturen seit Jahren sitzen.

Die Aufgabe war entsprechend mehrdimensional — Technik, SEO und Markenbildung gleichzeitig:

  • In kurzer Zeit DACH-weit auf Platz 1 für viele kommerzielle Keywords kommen — ohne jahrelange Backlink-Historie und ohne Marketing-Budget in Agentur-Größenordnung
  • In der AI-Citation-Ära sichtbar werden: nicht nur in Google, sondern auch in ChatGPT-, Perplexity- und Claude-Antworten als DACH-Referenz auftauchen
  • Bilingual auf de-AT und en-AT skalieren — mit sauberen hreflang-Alternates, lokalisierten URL-Slugs und echten Dual-Locale-Inhalten statt bloßer Übersetzung
  • Die Architektur muss zeigen, was wir predigen: kein WordPress-Plugin-Monolith, keine Page-Builder-Templates, keine Hosted-Shortcuts wie Wix oder Webflow — sondern echtes Engineering
  • Inhalte müssen für ein kleines Team wartbar bleiben — ohne CMS-Overhead, aber mit redaktioneller Taktung für Services, Local Pages, Blog, Case Studies und Glossar
  • Die Site muss Brand-Recall erzeugen — nicht nur konvertieren, sondern wiedererkennbar sein

Unter einer harten Rahmenbedingung: Alles passiert nebenher zum Tagesgeschäft. Keine ausgegliederte Brand-Phase, kein Redesign-Sabbatical — wir liefern weiter Kundenprojekte, während die eigene Website wächst.

02 / Lösung

Die Stack-Entscheidung: Next.js 16 (App Router) + React + TypeScript + Tailwind CSS v4. Bewusst kein WordPress, kein Wix, kein Webflow. Stattdessen eine vollständig in Code ausgecheckte Site, die jede inhaltliche Änderung durch Code-Review laufen lässt — mit Diff, Rollback und CI-Checks wie jede andere Engineering-Disziplin.

Content-as-Code: Case Studies, Kunden-Logos, Services, Team-Bios und Artikel liegen als /data/*.tsx-Module, JSX-fähig und versioniert in Git. Kein CMS-Admin zu warten, keine Plugin-Updates, keine Datenbank-Migration, wenn wir einen Absatz umschreiben. Inhaltsarbeit und Feature-Arbeit teilen sich denselben Prozess.

SEO- und AI-Citation-Architektur: vollständiges JSON-LD-Schema (Organization, LocalBusiness, Breadcrumb, BlogPosting, Service, CollectionPage, Person mit Credentials), lokalisierte URL-Slugs pro Locale (`/kunden` vs. `/clients`, `/leistungen` vs. `/services`), hreflang-Alternates, dynamische Sitemaps, Answer-First-Content-Struktur. Eigene `GlossaryLink`- und `ArticleLink`-Komponenten halten das interne Linking skalierbar — jeder neue Artikel bekommt automatisch Crossovers.

Internationalisierung mit next-intl: de-AT und en-AT als First-Class-Locales, locale-aware Routing, getrennte Keyword-Strategien pro Sprache. Keine 1:1-Übersetzung, sondern echte Dual-Locale-Substanz — mit jeweils eigenen Metadaten, OG-Bildern und Crosslinks.

Branding und Brand-Recall: die PulseRow-EKG-Animation als visuelles Markensymbol, konsequentes Farbsystem (`paper` / `paper-2` / `ink`), Display-Font mit `italic-serif`-Akzenten. Nicht beliebig, nicht austauschbar — die Site bleibt auch im Screenshot wiedererkennbar.

Hosting auf Fly.io: Docker-basierter Deploy, Multi-Region-Edge, keine Platform-Lock-in-Themen. Builds laufen im Minutenbereich, Rollback ist ein Git-Revert. Kein gemeinsamer WordPress-Shared-Host, der mit jedem Plugin-Update Roulette spielt.

Editorial Engine: Services-Seiten, Local Pages, Blog, Glossar und Case Studies laufen als integrierte Redaktions-Pipeline. Jeder neue Inhalt verlinkt nach drinnen, wird in Schema gehoben, bekommt OG-Tags und hreflang-Alternates automatisch — statt sie manuell pro Seite zu pflegen.

03 / Technologie-Stack

Frontend

Next.js 16React 19TypeScriptTailwind CSS v4

Internationalisierung

next-intlde-AT / en-ATLocale-aware Slugshreflang-Alternates

SEO & Schema

JSON-LD (Organization, LocalBusiness, Service, BlogPosting, Breadcrumb)Dynamische SitemapsOG-Image-PipelineGlossar & Article-Linking

Content

Content-as-Code (/data/*.tsx)JSX-fähige Case StudiesVersionierung via Git

Hosting & Deploy

Fly.ioDockerMulti-Region EdgeGit-basierter Rollback

Entwicklung

GitGitHubESLintPrettierTypeScript Strict

04 / Umgesetzte Features

DACH-weit Platz 1

Google-Top-1-Rankings auf vielen kommerziellen Keywords — in Monaten statt Jahren.

AI-Citation

Als DACH-Referenz in ChatGPT-, Perplexity- und Claude-Antworten zitiert.

Next.js 16 + Tailwind v4

Kein WordPress, kein Wix, kein Webflow — echtes Engineering, versioniert in Git.

Dual-Locale de-AT / en-AT

Lokalisierte Slugs, hreflang-Alternates, eigene Keyword-Strategie pro Sprache.

Fly.io Multi-Region

Docker-basierter Deploy, Edge-Caching, Minuten-Builds, Git-Rollback.

Full Schema & AI-Ready

JSON-LD für Organization, LocalBusiness, Services, Articles, Breadcrumbs, Autoren.

05 / Ergebnisse

SEO & Rankings

  • DACH-weit Platz 1 auf vielen kommerziellen Keywords
  • AI-Citation: als DACH-Referenz in ChatGPT / Perplexity / Claude
  • Bilingual gerankt: de-AT und en-AT parallel organisch sichtbar
  • Innerhalb weniger Monate statt Jahren

Performance & Tech

  • Lighthouse 95+ und Core Web Vitals dauerhaft im grünen Bereich
  • Next.js 16 + Tailwind v4 + TypeScript statt Plugin-Monolith
  • Fly.io Multi-Region-Deploy mit Minuten-Builds und Git-Rollback

Editorial & Operations

  • Services, Case Studies, Blog, Glossar und Local Pages als integrierte Pipeline
  • Content-as-Code: 100% versioniert, Review- und Rollback-fähig
  • Keine CMS-Wartung, keine Plugin-Security-Updates, keine Breaking-DB-Migrations
  • Vollständiges JSON-LD-Schema, hreflang-Alternates, dynamische Sitemaps

Warum das für clickpuls-Kunden zählt

Diese Case Study ist gleichzeitig die Arbeitsprobe. Was wir hier bauen — Content-as-Code, vollständiges Schema, AI-Citation-fähige Architektur, Dual-Locale-SEO, Fly.io-Hosting — ist dieselbe Engineering-Grundlage, auf der wir auch Kundenprojekte bauen. Inklusive der Erfahrung, was davon real auf Platz 1 führt und was nur gut aussieht.

Passende Leistungen

Häufige Fragen

Fragen zum Projekt.

Worum ging es im Projekt clickpuls.com – Agentur-Website, die DACH-weit auf Platz 1 rankt?

Das Projekt für clickpuls im Bereich E-Commerce-Beratung & Agentur zeigt, wie clickpuls Strategie, Design, Technik und Umsetzung in einem konkreten digitalen Vorhaben verbunden hat.

Welche Plattform oder Technologie wurde bei clickpuls eingesetzt?

Im Projekt wurde mit Next.js 16 · App Router · Fly.io gearbeitet. Die technische Auswahl orientierte sich an Ziel, bestehender Systemlandschaft, Wartbarkeit und den Anforderungen des Kunden.

Wie lange dauerte das Projekt mit clickpuls?

Die Projektlaufzeit war 2025 – heute · Eigenentwicklung & laufende Optimierung. Umfang, Abstimmungen, Inhalte, technische Integrationen und Freigaben beeinflussen die konkrete Dauer vergleichbarer Projekte.

Kann clickpuls ein ähnliches Projekt umsetzen?

Ja. Wenn Ziel, Scope und Budgetrahmen passen, kann clickpuls ähnliche Projekte in Webentwicklung, E-Commerce, WordPress, Shopify, Marketing, Markenstrategie oder Software-Entwicklung umsetzen.

Ähnliches Projekt? Sprechen wir darüber.

Kontakt aufnehmen
Jetzt anfragen