
Fahrschule Rookie – Website Relaunch
Overview & Background
In the competitive driving school market, strong online presence is essential. The existing WordPress website of Fahrschule Rookie was outdated and lacked SEO optimization, resulting in poor search visibility.
My goal was to develop a modern, high-performance website with measurable SEO improvements and full client control over content. This led to the creation of a headless CMS solution with a flexible page builder system.
My Role
Full-Stack Developer & Architect
Project Duration
1 month
Technical Details
Technologies Used
Challenges & Solutions
Challenge 1
Building a Flexible Page Builder Architecture
Technical Challenge: Custom CMS with Modular Content System
When developing the Fahrschule Rookie website, a major challenge was creating a flexible content management system that would allow the client to build and modify pages without developer intervention. Traditional WordPress templates were too rigid, while a completely custom solution needed to be both powerful and user-friendly for non-technical editors.
Solution
Sanity-Powered Page Builder Pattern
To achieve this flexibility, I implemented a sophisticated page builder architecture:
- Modular Schema Design: Created reusable content modules (Hero sections, License class teasers, Location grids, Promo boxes) as Sanity object types that can be composed into any page layout.
- Type-Safe GROQ Queries: Implemented efficient GROQ queries that deep-resolve all module references in a single request, eliminating N+1 query problems and ensuring fast page loads.
- Dynamic Module Renderer: Built a React component system that automatically maps Sanity modules to their corresponding UI components, making the addition of new modules straightforward.
- Content Preview: Integrated Sanity Studio directly into the Next.js app (`/studio`), giving editors a seamless workflow between content editing and preview.
This approach provided the client with unprecedented content flexibility while maintaining type safety, performance, and developer-friendly code organization.
Challenge 2
SEO Optimization from Scratch
Technical Challenge: Building Comprehensive SEO for a Service Business
The previous WordPress site had virtually no SEO implementation – no structured data, poor meta tags, and no local business optimization. For a driving school with multiple locations competing in local search, this was a critical gap that needed to be addressed systematically.
Solution
Multi-Layered SEO Strategy
I implemented a comprehensive SEO foundation tailored to the driving school's needs:
- Structured Data (JSON-LD): Implemented LocalBusiness schema with multiple location support, driving school-specific properties, and course offerings to improve rich snippet eligibility.
- Dynamic Metadata Generation: Built a `generateMetadata()` system that pulls SEO-optimized titles, descriptions, and Open Graph tags from Sanity for every page, license class, and location.
- ISR Performance Strategy: Configured Incremental Static Regeneration with 1-hour revalidation to balance fresh content with optimal Core Web Vitals scores.
- Content Architecture: Created SEO silos for license classes (e.g., `/fuehrerschein/klasse-b`) and location pages to capture specific search intent.
- Technical SEO: Implemented proper robots.txt, XML sitemap generation, canonical URLs, and image optimization with `next/image`.
The result was a significant improvement in search visibility, with proper local SEO signals and a solid technical foundation for ongoing optimization.
Features & Functionality
- Flexible Page Builder: Modular content system allowing editors to build custom page layouts without code.
- Multi-Location Management: Centralized location data with automated Google Maps integration and individual location pages.
- License Class Pages: Dedicated SEO-optimized pages for each driving license class with structured data.
- GDPR Cookie Consent: Customizable cookie banner managed via Sanity CMS with GA4 integration.
- Real-Time Content Updates: ISR ensures content changes appear within one hour without full site rebuilds.
- Responsive Design: Mobile-first design with Framer Motion animations and `prefers-reduced-motion` support.
- Performance Optimized: Next.js Server Components, optimized images, and edge deployment for fast load times.
- Integrated CMS: Sanity Studio embedded at `/studio` for seamless content management.
Visual Impressions

