Hizmet
Front-End Geliştirme
Bir tasarım ancak biri onu düzgün kodladığında ürüne dönüşür. Arayüzleri React ve Next.js ile yeniden kullanılabilir bileşen sistemleri olarak kuruyorum: gerçek cihazlarda responsive, semantik olarak doğru, temel düzeyde erişilebilir, mevcut backend veya API’ye bağlanmaya hazır ve hem RTL hem LTR’de doğru. Tasarımı da ben yaptığım için yayına giden şey tasarlananla örtüşür; genelde çeviride kaybolan boşluklar, durumlar ve detaylar dahil.
Kimin için
- Elinde bitmiş bir tasarım olan (benim ya da başka bir tasarımcının) ve bunun gerçek bir arayüze dönüşmesi gereken ekipler
- İşe alım yapmadan front-end kapasitesine ihtiyaç duyan ve tasarım duyarlılığının da işin içinde olmasını isteyen yazılım ekipleri
- Mevcut bir backend veya üçüncü taraf sistemi olan ve buna bağlanacak bir front-end’e ihtiyaç duyan ürünler
- Arapça ve İngilizce kitlelere hizmet eden, gerçek RTL ve LTR uygulaması gereken işletmeler
- Yavaş, kırılgan veya sürdürülemez bir front-end’i temiz bir bileşen yapısıyla yeniden kurması gerekenler
Ne kodlanıyor
- Bileşen tabanlı ve sürdürülebilir React ve Next.js uygulamaları ve arayüzleri
- Yalnızca tarayıcı penceresi küçültülerek değil, gerçek cihazlarda test edilen responsive uygulama
- Yeniden kullanılabilir bileşen sistemleri; böylece onuncu ekran birincisinden çok daha ucuza gelir
- HTML’deki yön bilgisinden gelen doğru RTL ve LTR davranışı; aynalanmış CSS ile taklit edilmez
- API’ye hazır yapı: veri çekme, yükleniyor, boş ve hata durumları gerçek uç noktalara bağlı
- Erişilebilir semantik: doğru başlık sırası, etiketlenmiş kontroller, klavyeyle kullanılabilen arayüzler
- Dil başına ayrı URL’lerle çok dilli yönlendirme; hreflang ve canonical doğru kurulmuş hâlde
Figma teslimi ile yayına hazır front-end arasındaki fark
Bir Figma dosyasını geliştiriciye vermek bir çeviri adımıdır ve çeviri bir şeyler kaybettirir: boşluklar kayar, etkileşim durumları doğaçlanır, uç durumlar o anda uydurulur ve responsive davranış tarayıcının varsayılanına kalır. Aynı kişi hem tasarlayıp hem kodladığında bu çeviri adımı ortadan kalkar. Zaten bir tasarımcınız varsa aynı disiplin tersten işler: tasarladıklarını kodlarım ve dosyanın cevaplamadığı soruları tahmin etmek yerine size sorarım.
Backend nereye oturuyor
Burada teslim edilen iş ürün tasarımı ve front-end’dir. Backend sistemleri, veritabanları, kimlik doğrulama altyapısı ve sunucu tarafı iş mantığı, ayrıca kapsama alınmadıkça sizin backend ekibiniz veya uzman bir backend iş ortağı tarafından yürütülür; bu ayrım projenin başında netleştirilir. Pratikte bu düzen temiz işler: front-end API’ye hazır kurulur ve mevcut backend’inize, backend geliştiricinize veya rezervasyon sistemi gibi üçüncü taraf bir servise bağlanır. Teslim edilmiş projelerde bu, mevcut bir LMS API’sine bağlanmayı ve üçüncü taraf bir kiralama ve rezervasyon platformuyla birlikte çalışmayı kapsadı.
Arama ve analitik altyapısı, geliştirmenin içinde
Her geliştirme yapısal katmanla birlikte teslim edilir: sayfa başına tek ve net bir H1 içeren semantik HTML, doğru başlık hiyerarşisi, meta ve Open Graph etiketleri, canonical adresler, çok dilli ürünler için hreflang, görünen içerikle örtüşen yapılandırılmış veri, site haritası ve sonradan eklenmek yerine baştan planlanmış analitik olayları. Bu, arama sistemlerinin ürünü taramasına, anlamasına ve bağlamlandırmasına yardımcı olur. Sıralama, alıntılanma ve görünürlük garanti edilmez.
Nasıl başlanır
Tasarım dosyasını, repoyu veya mevcut ürünü ve nelere bağlanması gerektiğini gönderin. Yaklaşım, efor ve başlangıç aralığı hakkında dürüst bir değerlendirme alırsınız.
Sık sorulan sorular
Front-end geliştirme ne kadar tutar?
Front-end işi genellikle Tasarımdan Yayına çalışmasının parçası olarak kapsamlanır; bu çalışma tipik olarak 2.500 $’dan başlar ve ürün karmaşıklığına göre belirlenir. Yalnızca uygulama içeren çalışmalar; tasarım, ekran, bileşen, durum ve dil sayısı incelendikten sonra fiyatlanır.
Mevcut Figma tasarımımızdan kodlayabilir misiniz?
Evet. Tasarlandığı gibi, responsive ve bileşen tabanlı olarak kodlarım; dosyanın cevaplamadığı boşlukları (eksik durumlar, uç durumlar ve responsive davranış) sessizce uydurmak yerine size sorarım.
Backend geliştirme yapıyor musunuz?
Bu çalışmanın teslim ettiği şey ürün tasarımı ve front-end’dir. Backend sistemleri, veritabanları, kimlik doğrulama altyapısı ve sunucu tarafı iş mantığı, ayrıca kapsama alınmadıkça sizin backend ekibiniz veya uzman bir backend iş ortağı tarafından yürütülür. Front-end; mevcut backend’inize, backend geliştiricinize veya üçüncü taraf bir servise bağlanmak üzere API’ye hazır kurulur ve bu sınır, sonradan sürpriz olmasın diye projenin başında çizilir.
Hangi teknolojileri kullanıyorsunuz?
Ürün arayüzleri için React ve Next.js, projenin fayda gördüğü yerde TypeScript, kod tabanına göre Tailwind CSS veya sade modern CSS ve hızın ve düşük bakımın en çok önemli olduğu içerik ağırlıklı siteler için Astro. Müşterinin gerçekten tanıdık bir içerik editörüne ihtiyacı olduğu durumlarda WordPress de bir seçenek olarak kalıyor.
Arapça ve çok dilli arayüzler kodlayabiliyor musunuz?
Evet, bu bir uzmanlık alanı. Doğru RTL yönü, dil başına ayrı rotalar, hreflang ve canonical ile Türkçe, İngilizce ve Arapça arayüzler; her iki yön de tutarlı kalsın diye tek bir bileşen sisteminden kurulur. Bu web sitesinin kullandığı yapının aynısı.
Geliştirme ekibimizin bir parçası olarak çalışabilir misiniz?
Evet. Ajanslar ve ürün ekipleri için white-label ve ekibe gömülü front-end desteği ayrı bir çalışma biçimi olarak mevcut; sizin standartlarınıza, stack alışkanlıklarınıza ve inceleme sürecinize göre çalışılır.
Gerçek bir ürüne dönüşmesi gereken bir tasarımınız mı var?
Tasarımı, repoyu veya mevcut front-end’i ve nelere bağlandığını gönderin. Yaklaşım ve başlangıç aralığı hakkında dürüst bir değerlendirme alırsınız.