Next.js, portföyümüzdeki dokuz canlı üründe kullandığımız çatı. Zing Coach'un Webflow'dan taşınmış yirmiden fazla sayfası, This is HCD'nin topluluk platformu, design.computer'ın yayınlama akışı ve Miray Yapım'ın iki dilli sitesi aynı temel üzerinde çalışıyor.
Bu sayfada Next.js'i neden seçtiğimizi, hangi durumlarda seçmediğimizi ve bir Next.js projesinde gerçekte nelerin zaman aldığını yazdık. Pazarlama metni değil, karar verirken işinize yarayacak bilgi.
Next.js'in asıl kazancı, aynı kod tabanında hem indekslenebilir içerik sayfaları hem de oturum açmış kullanıcıya özel ekranlar üretebilmeniz. Appster'da binlerce program sayfası önceden render edilirken arama sonuçları anlık geliyor. This is HCD'de 374 bölümlük katalog statik üretiliyor, üyelik alanı ise dinamik. İki ayrı sistem kurup aralarında veri taşımak zorunda kalmıyorsunuz.
Tek bir tanıtım sayfası için Next.js gereksiz ağırlık getirebilir, statik bir jeneratör daha az bakım ister. Ekibinizde React bilen kimse yoksa ve işi devralacak kişi de yoksa, devir sonrası kod tabanı donar. Ayrıca ağır gerçek zamanlı bir uygulama kuruyorsanız asıl karar Next.js değil, arkasındaki soket ve durum yönetimi mimarisidir. Bunu TrendinChat'te ayrı ele aldık.
Sunucu bileşenleri veri çekmeyi sadeleştiriyor ama istemci tarafındaki durum yönetimini karmaşıklaştırıyor. Form durumları, iyimser güncellemeler ve tarayıcıya bağlı kütüphaneler sınırı doğru çizmenizi gerektiriyor. Bu sınırı baştan tasarlamazsanız her bileşene istemci direktifi eklenir ve sunucu bileşenlerinden beklediğiniz kazanç kaybolur. Bu ayrımı proje başında veri modeliyle birlikte kararlaştırıyoruz.
Mevcut bir siteyi Next.js'e taşırken en riskli kısım tasarım değil, eski adreslerin korunması. Zing Coach taşımasında yirmiden fazla sayfanın karşılıkları tek tek eşlendi. Yönlendirme haritası çıkarılmadan yapılan geçişler arama trafiğini kaybettiriyor ve bu kayıp aylar sonra fark ediliyor. Taşımalarda ilk teslim ettiğimiz şey bu haritadır.
Web, mobil veya tarayıcı eklentisi olarak tamamlanmış bir ürün; arkasındaki yönetim paneli ve entegrasyonlarla birlikte.
Bunlar teklif değil, başlangıç noktaları. Bir projenin gerçek maliyeti kapsama bağlı ve bunu keşiften sonra yazılı olarak netleştiriyoruz.
Sayfa sayısına ve içeriğin nereden geleceğine bağlı. Kapsamı keşif görüşmesinden sonra yazılı olarak netleştiriyoruz. Tanıtım sitesi işleri 2.000 dolardan, tam ürün geliştirme 10.000 dolardan başlıyor.
Evet. İçerik değişecekse Sanity gibi bir başlıksız içerik yönetimi kuruyoruz. This is HCD ve Miray Yapım bu şekilde çalışıyor, yazı ve görselleri teknik ekip olmadan güncelleyebiliyorsunuz.
Avantajı sunucuda render edilen HTML ve kontrol edebildiğiniz meta yapısı. Ancak tek başına sıralama getirmez. İçerik, iç bağlantı ve site hızı aynı ölçüde belirleyici, biz de projeye bunları dahil ediyoruz.
Hayır. Vercel en az sürtünmeli seçenek ama Next.js kendi sunucunuzda ya da konteyner ortamında da çalışır. design.computer'da altyapının önemli kısmı Cloudflare üzerinde duruyor.
Ürünü, zaman çizelgesini ve kimin için olduğunu anlatan kısa bir not başlamak için yeterli. Size bir satış ekibi değil, işi yapacak mühendis dönecek.
Ankara / Türkiye · Avrupa ve ABD saat dilimlerinde çalışıyoruz
