---
title: Next.js Client Template
category: product
entity_type: skill
price: ₺369
canonical: https://forgehouse.ai/tr/skiller/nextjs-client-template/
lang: tr
hreflang_alt: https://forgehouse.ai/skills/nextjs-client-template/
last_updated: 2026-06-20
---

# Next.js Client Template

> Set up a new Next.js client website from scratch, scaffold a project structure, or follow the…

Yeni bir müşteri sitesini sıfırdan ilk deploya dört saatin altında getiren, veri odaklı ve standartlaştırılmış bir Next.js proje şablonu. Her sayfa içeriğini sabit string'ler yerine tipli veri dosyalarından çeker; sitemap, robots, JSON-LD, OG görselleri ve meta veri gibi SEO altyapısı daha ilk commit'te yer alır. Her projede mimariyi yeniden kararlaştırmayı bırakın, kanıtlanmış tek bir tekrarlanabilir taslak uygulayın.

## Ne için kullanılır
- Sıfırdan yeni bir müşteri tanıtım sitesi kurma
- Bir ajansın portföyünde proje yapısını standartlaştırma
- Veri odaklı içerik kurulumu (hizmetler, şehirler, fiyatlar, SSS)
- GA4 ve Google Ads dönüşüm takibini ilk günden bağlama
- pSEO (ilçe × hizmet) URL mimarisini hazırlama
- Yeni geliştiricileri tutarlı bir kod tabanına alıştırma

## Faydalar
- Mimari kararları atlayarak proje başına yaklaşık 40 saat tasarruf
- SEO sonradan eklenmek yerine ilk deployda canlı
- Bileşen koduna dokunmadan içerik düzenleme (tek doğruluk kaynağı)
- Hataları çalışma zamanından önce yakalayan build zamanı tip güvenliği

## Ne içerir
- Dosya konvansiyonlu eksiksiz dizin taslağı (app, components, data, lib)
- Site config, hizmetler ve sayfa meta verisi için tipli veri dosyası şablonları
- Repo oluşturmadan Vercel deploya ve smoke teste 8 adımlı kurulum akışı
- Yerleşik sitemap.ts, robots.ts, JSON-LD şeması ve dinamik OG görselleri
- Apex domain, env değişkeni ve analitik kurulum konvansiyonları
- Sabit string, www tekrarı ve gevşek tipleme kapsayan anti-pattern tablosu

## Kimler için
Çok sayıda müşteri sitesi kuran ve hızlı yayına alan, SEO öncelikli ve tekrarlanabilir bir iskelet isteyen ajanslar ile serbest çalışanlar için.

## Nasıl çalışır
Her yeni müşteri sitesinde çalışan 8 adımlık iskelet akışı budur, boş repodan smoke testi geçmiş deploya kadar. Doğaçlama mimari yok, her seferinde aynı kanıtlanmış şablon:
1. Koda dokunmadan girdileri doğrula: işletme adı, sektör, apex domain, iletişim bilgileri, marka varlıkları, artı kapsam soruları (pSEO matrisi gerekli mi, blog, çok dillilik, Google Ads takibi)
2. Özel GitHub reposunu oluştur ve Next.js'i TypeScript, Tailwind, App Router ve src dizini ile kur, sonra yardımcı bağımlılıkları ekle
3. Önce veri katmanını kur: site.ts (isim, domain, iletişim, sosyal, GA4 ID), services.ts, pages.ts ve navigation.ts, hepsi interface ile tipli, böylece component'lerde sabit metin kalmaz
4. Temel sayfaları oluştur (Header ve Footer'lı layout, Hero artı ServiceGrid artı CTA içeren ana sayfa, hakkımızda, iletişim) ve sitemap.ts, robots.ts ile OG görsel üreticisini varsayılan olarak ekle, sonraya bırakılmaz
5. Analitiği bağla: GoogleAnalytics component'i layout'a, GA4 ID'yi NEXT_PUBLIC önekiyle env değişkenine, müşteri reklam veriyorsa Ads dönüşüm component'ini de ekle
6. Vercel'e deploy et, apex domaini bağla (www yok), sonra smoke listesini koş: sitemap ve robots erişilebilir, meta etiketler doğru, GA4 gerçek zamanlı veri akıyor, mobil uyumlu, 404 sayfası çalışıyor

## Sık sorulanlar
### Bu sadece tanıtım siteleri için mi, yoksa bir web uygulamasını da bununla kurabilir miyim?
Özellikle müşteri tanıtım siteleri için kurgulanmış: tipli veri modeli hizmetler, şehirler, fiyatlar ve SSS içeriği etrafında döner, URL mimarisi de ilçe çarpı hizmet pSEO sayfalarına hazırdır. Panolu ve kullanıcı hesaplı bir uygulama farklı bir iskelet ister.

### Veri odaklı içerik pratikte ne demek, mesela bir fiyatı değiştirmem gerektiğinde?
Her sayfa sabit string yerine tipli veri dosyalarından okur. Fiyat değişikliği tek bir veri dosyasında düzenlemedir, bileşen koduna dokunulmaz. Tipler build anında denetlendiği için bozuk bir kayıt üretime kırık çıkmak yerine build'i düşürür.

### Müşterimin giriş yapabileceği bir CMS ile mi geliyor?
Hayır. İçerik repo içindeki tipli veri dosyalarında yaşar, düzenlemeler kodu yöneten kişinin commit'leridir. Müşterinin kendi kendine düzenleme yapması gerekiyorsa üstüne CMS bağlamak ayrı bir projedir. Dört saatlik kurulum vaadini dürüst tutmak için bilerek dışarıda bırakılmıştır.

## Fiyat
₺369, tek seferlik, abonelik yok. KDV dahil.

İlgili rehber: [Yapay zekâ ile kod inceleme](https://forgehouse.ai/tr/rehberler/yapay-zeka-kod-inceleme/)