Web geliştiricisi: Next.js, WebGL ve 3B web
Fikri çalışan bir ürüne döküyorum: hızlı, erişilebilir ve her cihazda akıcı. Bu sitenin kendisi, partikülleri ve 3B sahneleriyle bu işin bir örneği.
Neler yapıyorum
- Next.js ve React geliştirme
- Hızlı açılan, arama motoruna uygun, yönetimi kolay web siteleri ve platformlar.
- WebGL ve Three.js
- Tarayıcıda çalışan 3B sahneler, partikül sistemleri ve shader'larla özgün etkileşimler.
- Web ve mobil uygulamalar
- Bir fikri her ekranda kullanımı kolay bir ürüne çeviren uygulamalar; React Native ile iOS ve Android dahil.
- Performans ve cihaz uyumu
- Ağır görsellerin zayıf telefonlarda ve Windows makinelerde de akıcı çalışması için ölçüm ve iyileştirme.
Nasıl çalışıyorum
- Teknolojiyi işe göre seçiyorum: çoğu site için Next.js, gerektiğinde WebGL ya da React Native.
- Hareketi GSAP ve shader'larla, kaydırmaya bağlı ve kesintisiz kuruyorum.
- Gerçek cihazlarda, düşük güçlü GPU'lar dahil test edip sorunları cihazda teşhis ediyorum.
- Yayını Vercel gibi altyapılarla otomatikleştirip izlenebilir bırakıyorum.
Bu alandaki işler
- Kod, partikül ve scroll etkileşimleriyle markanın kendisini anlatan WebGL web deneyimi.
Çekmeköy'ün orman dokusunun yanında 72 konutluk bir projeyi, kaydırdıkça oynayan bir film gibi anlatan lansman sitesi.
Odak seanslarını sanal dostların büyümesi, görevler, istatistikler ve yaşayan bir yuvayla birleştiren mobil uygulama.- Brief'ten deploy'a birden fazla web projesini yöneten, öğrendiğini bilgi tabanına yazan ajan altyapısı.
Sık sorulanlar
Hangi teknolojilerle çalışıyorsun?
Next.js, React, TypeScript, Tailwind CSS, GSAP, Three.js, WebGL/GLSL; mobil için Expo ve React Native. Gerektiğinde WordPress ile de çalışıyorum.
3B ve partikül efektleri siteyi yavaşlatmaz mı?
Doğru kurulursa yavaşlatmaz. Bu sitede shader'lar paralel derleniyor, çözünürlük cihaza göre ayarlanıyor ve zayıf cihazlarda daha hafif bir sürüm çalışıyor.
Mobil uygulama da geliştiriyor musun?
Evet. Patika, React Native ile iOS ve Android için geliştirdiğim bir odak uygulaması.
Aklındaki işi kısaca yaz; kapsamı ve yolu birlikte netleştirelim.
Projeni anlat