E-Commerce Consulting & Agency·Next.js 16 · App Router · Fly.io
clickpuls.com – Agency website ranking #1 across DACH
Our own agency website — Next.js 16, Tailwind CSS v4, TypeScript, bilingual on de-AT and en-AT, deployed on Fly.io. Google #1 rankings across DACH on many commercial keywords within months — and at the same time the living work sample for what we build for clients: content-as-code, full schema markup, AI-citation-ready architecture.

- Client
- clickpuls
- Platform
- Next.js 16 · App Router · Fly.io
- Duration
- 2025 – today · In-house development & ongoing optimisation
- Website
- Visit
01 / Challenge
For an agency, the own website is the work sample. Every first click is an implicit „can you actually do this?" — in a keyword landscape (Shopify agency Vienna, e-commerce consulting, WooCommerce support, WordPress maintenance, AI consulting DACH) where established in-house teams and big agencies have been entrenched for years.
The brief was correspondingly multi-dimensional — tech, SEO and brand building at the same time:
- Get to #1 across DACH on many commercial keywords in a short time — without years of backlink history and without a marketing budget at agency scale
- Show up in the AI-citation era: not only in Google, but as a DACH reference in ChatGPT, Perplexity and Claude answers
- Scale bilingually on de-AT and en-AT — with clean hreflang alternates, localised URL slugs and real dual-locale content instead of mere translation
- The architecture has to reflect what we preach: no WordPress plugin monolith, no page-builder templates, no hosted shortcuts like Wix or Webflow — real engineering instead
- Content has to stay maintainable for a small team — without CMS overhead, but with editorial cadence across services, local pages, blog, case studies and glossary
- The site has to create brand recall — not just convert, but be recognisable
Under one hard constraint: all of it happens alongside day-to-day client work. No carved-out brand phase, no redesign sabbatical — we keep shipping client projects while the own website grows.
02 / Solution
The stack decision: Next.js 16 (App Router) + React + TypeScript + Tailwind CSS v4. Deliberately no WordPress, no Wix, no Webflow. Instead, a fully code-checked-in site where every content change runs through code review — with diff, rollback and CI checks, like any other engineering discipline.
Content-as-code: case studies, client logos, services, team bios and articles live as /data/*.tsx modules, JSX-capable and versioned in Git. No CMS admin to maintain, no plugin updates, no database migration when we rewrite a paragraph. Content work and feature work share the same process.
SEO and AI-citation architecture: full JSON-LD schema (Organization, LocalBusiness, Breadcrumb, BlogPosting, Service, CollectionPage, Person with credentials), localised URL slugs per locale (`/kunden` vs. `/clients`, `/leistungen` vs. `/services`), hreflang alternates, dynamic sitemaps, answer-first content structure. Custom `GlossaryLink` and `ArticleLink` components keep internal linking scalable — every new article picks up crossovers automatically.
Internationalisation with next-intl: de-AT and en-AT as first-class locales, locale-aware routing, separate keyword strategies per language. No 1:1 translation, but real dual-locale substance — with dedicated metadata, OG images and crosslinks for each.
Branding and brand recall: the PulseRow ECG animation as the visual brand device, a consistent colour system (`paper` / `paper-2` / `ink`), display font with `italic-serif` accents. Not interchangeable — the site stays recognisable even in a screenshot.
Hosting on Fly.io: Docker-based deploy, multi-region edge, no platform-lock-in issues. Builds run in minutes, rollback is a Git revert. No shared WordPress host playing roulette with every plugin update.
Editorial engine: service pages, local pages, blog, glossary and case studies run as an integrated editorial pipeline. Every new piece of content links internally, gets lifted into schema, picks up OG tags and hreflang alternates automatically — instead of being maintained manually per page.
03 / Technology stack
Frontend
Internationalisation
SEO & Schema
Content
Hosting & Deploy
Development
04 / Implemented features
#1 across DACH
Google top-1 rankings on many commercial keywords — in months, not years.
AI Citation
Cited as a DACH reference in ChatGPT, Perplexity and Claude answers.
Next.js 16 + Tailwind v4
No WordPress, no Wix, no Webflow — real engineering, versioned in Git.
Dual-locale de-AT / en-AT
Localised slugs, hreflang alternates, separate keyword strategy per language.
Fly.io multi-region
Docker-based deploy, edge caching, minute-long builds, Git rollback.
Full schema & AI-ready
JSON-LD for Organization, LocalBusiness, services, articles, breadcrumbs, authors.
05 / Results
SEO & Rankings
- #1 across DACH on many commercial keywords
- AI citation: surfaced as a DACH reference in ChatGPT / Perplexity / Claude
- Bilingual ranked: de-AT and en-AT organically visible in parallel
- Within months instead of years
Performance & tech
- Lighthouse 95+ and Core Web Vitals sustained in the green
- Next.js 16 + Tailwind v4 + TypeScript instead of a plugin monolith
- Fly.io multi-region deploy with minute-long builds and Git rollback
Editorial & operations
- Services, case studies, blog, glossary and local pages as an integrated pipeline
- Content-as-code: 100% versioned, reviewable and roll-backable
- No CMS maintenance, no plugin security updates, no breaking DB migrations
- Full JSON-LD schema, hreflang alternates, dynamic sitemaps
Why this matters for clickpuls clients
This case study is also the work sample. What we build here — content-as-code, full schema, AI-citation-ready architecture, dual-locale SEO, Fly.io hosting — is the same engineering foundation we build client projects on. Including the experience of which parts actually drive #1 rankings and which just look good.
Related services
Project questions.
What was the clickpuls.com – Agency website ranking #1 across DACH project about?
The project for clickpuls in the E-Commerce Consulting & Agency sector shows how clickpuls combined strategy, design, technology and implementation in a concrete digital project.
Which platform or technology was used for clickpuls?
The project used Next.js 16 · App Router · Fly.io. The technical choice followed goals, existing systems, maintainability and the client’s requirements.
How long did the project with clickpuls take?
The project duration was 2025 – today · In-house development & ongoing optimisation. Scope, coordination, content, technical integrations and approvals influence the actual duration of comparable projects.
Can clickpuls deliver a similar project?
Yes. If goal, scope and budget range fit, clickpuls can deliver similar projects in web development, e-commerce, WordPress, Shopify, marketing, brand strategy or software development.
