Behind the scenes – how the DRM Tyres website is built

The DRM Tyres project is more than a tyre service website — it's a complete system where every component works with real API data and supports multiple languages. Our goal was to deliver a modern, fast and easy-to-maintain platform that fits the client’s needs.

1️⃣ Planning & architecture

We started by defining the core modules: services, promotions, reviews and quote requests. The backend was already live in Django, so we chose Next.js 15 App Router for the frontend — perfectly suited for API-driven, hybrid rendering with server components.

2️⃣ Bilingual i18n setup

Implementing multilingual content was one of the main challenges. We built a JSON-based dictionary system where each page has its own content object, injected into components via the useI18n() hook. This makes the translations component-aware instead of just text-based.

3️⃣ API & data flow

The backend (Django/DRF) uses JWT authentication. Admin data (promotions, reviews, blog posts) is fetched using SWR and a custom fetch wrapper, enabling fast caching and ISR refresh.

4️⃣ UX & visual polish

• 💡 Clean, high-contrast color palette (steel blue + red highlights)
• 📱 Mobile-first layout with large tappable CTAs
• 🧭 Intuitive navigation with sticky header and quick return

5️⃣ Lessons & next steps

The biggest challenge was adapting multilingual logic to the new App Router structure — but the result is a stable, scalable base. Next up: deploying the Google Reviews API and refining the CMS admin interface.

This project perfectly illustrates how modern technology meets practical business needs — exactly what WebDevs stands for in every build.