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.
Natural-language discovery across a catalogue of more than 2,700 apps, with semantic vector search, administration and programmatic SEO pages.
Vaka incelemesi (İngilizce) →A complete Webflow-to-Next.js website rebuild covering more than 20 pages for a fitness coaching product.
Vaka incelemesi (İngilizce) →A browser extension that brings Polymarket and Kalshi prediction markets onto the page being read, with trading, tracking and discussion alongside a publisher dashboard.
Vaka incelemesi (İngilizce) →A Chrome extension that gives churches a drag-and-drop newsletter designer inside the church management system they already use, with flat pricing and BeeFree integration.
Vaka incelemesi (İngilizce) →A Next.js platform for a Human-Centered Design podcast and community, combining episodes, free courses, learning journeys and a global designer directory with Supabase and Sanity.
Vaka incelemesi (İngilizce) →A Next.js and Supabase platform that turns a short questionnaire into a Financial Health Score and a personalised improvement roadmap, without bank linking or credit checks.
Vaka incelemesi (İngilizce) →A Chrome extension, Next.js dashboard and Cloudflare Workers backend that turn code from an AI chat into a live URL, with custom domains and administration.
Vaka incelemesi (İngilizce) →A Shopify storefront that sells a physical detective kit, paired with a Next.js companion app where buyers play a chaptered murder mystery with saved progress.
Vaka incelemesi (İngilizce) →A Next.js and TypeScript rebuild of a Dutch event planning app, with shared tasks, items, costs, chat and AI-assisted event setup on an existing Supabase backend.
Vaka incelemesi (İngilizce) →A Next.js application and document pipeline that turn patient records in any format or language into structured clinical summaries, using Gemini for extraction.
Vaka incelemesi (İngilizce) →A password manager where points chosen in a person's own photographs replace the master password, delivered through a Next.js marketing site, web app, browser extensions and Stripe subscriptions.
Vaka incelemesi (İngilizce) →A right-to-left Next.js and Supabase membership product combining structured courses, recorded tutorials, weekly live sessions and a professional forum for people learning automation and no-code tools.
Vaka incelemesi (İngilizce) →Ürününüzü AI kodlama ajanlarıyla geliştiren kıdemli mühendisler: web, mobil, SaaS veya tarayıcı eklentisi, yayına çıkmadan önce incelenir.
Aylık faturalanan AI destekli geliştirme. Ödeme öncesinde kapsamı, kapasiteyi ve başlangıç tarihini yazılı olarak onaylarız.
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. Çalışma modelimiz aylık $2.000'dan başlayan AI destekli geliştirmedir; kapsam yazılı olarak belirlenir.
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.
Ne geliştirdiğinizi, kabaca ne zaman gerektiğini ve kimin için olduğunu anlatan bir paragraf yeterli. Brief yok, on beş alanlı form yok.
Satış ekibinden değil, işi yapacak mühendisten. Doğru adres değilsek bunu söylüyoruz ve mümkünse daha uygun bir yer öneriyoruz.
Hiçbir taahhüt öncesinde kapsam, fiyat ve takvim yazılı olarak elinizde oluyor. Kararı rakamlara bakarak veriyorsunuz.
Başlamak için uzun vadeli sözleşme yok, araçlarımıza bağımlılık yok, kod ilk commit'ten itibaren sizin.
Konuşmaya başlayalımÜ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
