Web AppsFeatured

Die 101 Besten — The 101 Best Hotels Germany

“Die 101 Besten” is a bilingual (German & English) digital platform that highlights Germany’s most outstanding hotels through a transparent, data-driven ranking system. It gives travelers, hoteliers, and the industry an independent, expert-backed benchmark—across design, culinary, spa & wellness, and family experiences.

Bot-icon
send-icon

Client

Die 101 Besten

Role

Full-Stack Developer

Year

2024

Timeline

12 weeks

Industry

Hospitality / Luxury Travel

die-image-1

Challenge & solution

Trustworthy luxury rankings in a world of noisy, sponsored reviews.

The Challenge

Credibility lost in review overload

Travelers struggle to find truly exceptional hotels when platforms prioritize sponsored results or inconsistent user reviews. Excellent properties lack an independent, data-driven stage to prove quality and earn recognition in the luxury market. The challenge was to build a bilingual platform that combines expert evaluation, verified guest feedback, and award data into one transparent annual ranking of Germany’s top 101 hotels.

The Solution

Data, experts, and editorial craft

Die 101 Besten bridges the gap with three equal pillars: Guest Perspective (verified Booking.com & TripAdvisor signals), Publication & Award Data (Forbes, Hornstein, Bilanz), and Expert Evaluation (hospitality board reviews of service, design, and culinary quality). Built on Next.js with DE/EN i18n, Sanity CMS, structured SEO, and ISR on Vercel—the platform delivers a credible, elegant experience for travelers and industry professionals alike.


Key features

Bilingual rankings, editorial CMS, and performance built for luxury hospitality.

Bilingual experience

Full DE/EN via Next.js i18n routing with seamless language switching and localized URLs.

Dynamic hotel listings

Auto-generated hotel pages by ranking, category, and location—powered by Sanity CMS.

Blogs module

Editorial articles on trends, interviews, and hospitality insights.

Events section

Showcases upcoming and past summits, galas, and industry events.

Sanity CMS integration

Custom Studio for hotels, blogs, and events in one editorial dashboard.

SEO-optimized structure

Meta tags, Schema.org, sitemaps, and SSR/ISR for maximum search visibility.

High-performance UI

Luxury editorial design with Next/Image, Tailwind, and responsive layouts.

Newsletter & social

Community growth via newsletter signup and social integrations.

System architecture

Next.js frontend, Sanity content layer, SEO, and global delivery on Vercel.

01

Next.js frontend

SSR and ISR for fast, SEO-friendly hotel, blog, and event pages.

02

Sanity CMS

Structured schemas; content fetched dynamically via GROQ.

03

Image optimization

Next/Image for resize, lazy load, and responsive ratios.

04

SEO & metadata layer

Structured data, meta descriptions, localized DE/EN URLs.

05

Deployment on Vercel

CDN, edge caching, and continuous deployment for low latency.

Impact

Results & impact

98/100

Lighthouse performance score

0.4s

Average page load

+212%

Organic traffic YoY

12wk

Concept to launch

Tech stack

Next.js, Sanity, i18n, and SEO tooling chosen for editorial scale and speed.

nextjs-icon

Next Js

· Framework

SSR, ISR, App Router, and image optimization for fast, SEO-friendly hotel pages.

sanity-icon

Sanity.io

· Headless CMS

Unified schemas for hotels, blogs, and events with an editor-friendly Studio.

next-intl-icon

Next intl

· i18n

Type-safe DE/EN routing, fallbacks, and localized SEO metadata.

tailwind-icon

Tailwind CSS

· Styling

Luxury editorial UI with responsive, performance-focused components.

vercel-icon

Vercel

· Hosting

Global CDN, edge caching, and continuous deployment.

Working with Ahmed was a truly positive experience! He turned my Figma design into a clean, responsive front-end for my Sanity project. Communication was seamless—He kept me updated and grasped the complex requirements right away. Ahmed delivered on time, and the quality of her work was great. What sets her apart from many Fiverr freelancers is her sharp mind and ability to make independent decisions in the best interest of the project. Her structured workflow and well-organized code left me fully satisfied. I'm so glad I found Ahmed and can recommend her without hesitation!

testimonial-4

schuhulindi

Planning a bilingual content platform?

From Next.js i18n and Sanity CMS to SEO, ISR, and luxury UI—I deliver editorial-grade hospitality and publishing sites.

Die 101 Besten – The 101 Best Hotels Germany Platform — Mohammad Ahmad — Portfolio