Fejlesztés a háttérben – így épül a DRM Tyres weboldal

A DRM Tyres projekt nemcsak egy gumiszerviz weboldal, hanem egy komplex rendszer, ahol minden komponens valós adatokkal dolgozik és fordítható több nyelvre. A cél az volt, hogy egy modern, gyors és átlátható felület szülessen, amit a csapat hosszú távon könnyen kezelhet.

1️⃣ Tervezés és architektúra

A kezdeti fázisban meghatároztuk a fő funkciókat: szolgáltatáslista, akciók, értékelések és ajánlatkérés. A backend már Django-ban futott, így a frontendhez a Next.js 15 App Router volt a legjobb választás – tökéletesen illik az API-alapú kommunikációhoz és a server component megközelítéshez.

2️⃣ Kétnyelvűség (i18n)

A többnyelvű tartalom implementálása során a legnagyobb kihívás az volt, hogy komponens szinten kezeljük a fordításokat, ne csak szövegesen. Ehhez JSON-alapú dictionary rendszert építettünk, ahol minden oldalhoz tartozik egy külön tartalmi objektum, amit a komponensek useI18n() hookon keresztül olvasnak.

3️⃣ API és adatfolyam

A backend (Django/DRF) JWT-alapú autentikációval dolgozik. Az admin felületből érkező adatok (pl. promóciók, Google-értékelések, blogposztok) SWR és fetch wrapper segítségével kerülnek be a Next.js-be. Ez biztosítja a gyors cache-elést és az ISR frissítést.

4️⃣ UX & vizuális finomhangolás

• 💡 Egyszerű, kontrasztos színpaletta (acélkék + piros kiemelés)
• 📱 Mobil-first elrendezés, nagy tappolható CTA-k
• 🧭 Intuitív navigáció, sticky header és gyors visszatérés

5️⃣ Tanulságok és következő lépések

A legnagyobb kihívás az volt, hogy a Next.js új App Router konvencióihoz igazítsuk a többnyelvű tartalmakat – de a végeredmény egy stabil, skálázható alap lett. Következő lépés: a Google Reviews API integráció élesítése és az admin CMS-felület finomítása.

A projekt remek példa arra, hogyan találkozik a modern technológia és a praktikus üzleti cél – pontosan ez az, amit a WebDevs minden fejlesztésnél képvisel.