proje 04
Time to Work International B.V.
Uluslararası iş gücü ve istihdam hizmeti sunan Hollanda merkezli şirket için sıfırdan kurulan, çok dilli ve SEO odaklı kurumsal web platformu.
- Kategori
- Web
- Rol
- Frontend mimarisi, lokalizasyon ve dağıtım
- Yıl
- 2026
kullanılan teknolojiler
- TypeScript
- Next.js
- React
- Tailwind CSS
- Framer Motion
- i18n
problem
Problem
Şirketin mevcut web altyapısı yavaştı, duyarlı tasarım standartlarının gerisindeydi ve çok dilli desteği hantal çalışıyordu. Uluslararası aday ve şirketlere hitap eden bir kurumun dijital yüzü olarak kurumsal kimliği yansıtmakta da yetersiz kalıyordu.
çözüm
Çözüm
Next.js App Router, TypeScript ve Tailwind CSS temelinde modüler ve SEO odaklı bir mimari kurdum. Arayüz etkileşimleri için Framer Motion entegre ettim. Çok dilli yapıyı, her dil için ayrı sayfa üretilecek ve performans bedeli doğurmayacak şekilde kurguladım.
sonuç
Sonuç
Uluslararası adayların ve şirketlerin her cihazdan rahatça başvuru yapabildiği kurumsal platform yayına alındı ve halen ttw-international.nl adresinde çalışıyor.
öne çıkan özellikler
- 01Next.js App Router üzerine kurulu, SSR ve statik üretimi birlikte kullanan modüler mimari.
- 02Performans kaybı yaratmayan dinamik çok dilli (i18n) yapı.
- 03Framer Motion ile akıcı arayüz etkileşimleri ve kurumsal tasarım dili.
- 04Tüm cihazlarda sorunsuz çalışan duyarlı başvuru akışı.
neden bu seçimler
Neden Next.js SSR/SSG, klasik React SPA değil?
Uluslararası bir istihdam şirketinde arama motorundan gelen trafik doğrudan iş demek. Tek sayfalık bir React uygulamasında içerik tarayıcıda üretilir ve arama motorları için gecikmeli görünür. Sunucu tarafı üretim ve statik sayfalarla hem indeksleme hem ilk yükleme süresi maksimuma çıktı.
Neden dinamik i18n?
Çok dilli siteler genelde ya her dili ayrı bir kod tabanına ayırır ya da tüm çevirileri istemciye yükler. İlki bakımı imkânsızlaştırır, ikincisi sayfa boyutunu şişirir. Sayfa başına yalnızca o dilin metinlerinin gittiği bir yapı kurdum.
Neden Tailwind?
Kurumsal kimliğe özel bir tasarım gerekiyordu ve hazır bileşen kütüphanesi kullanmak her ekranda kimliği zorlamak demekti. Tailwind, tasarımı sıfırdan kurarken tutarlı bir ölçek ve renk sistemi sağladı.