Geliştirme Skill
Angular Migration
AngularJS (1.x) uygulamalarını riskli bir baştan-yazım olmadan modern Angular'a taşıyan eksiksiz bir geçiş rehberi.
₺369
Next.js App Router Patterns
Next.js 14+ App Router üzerinde React Server Components ile modern, tam yığın uygulamalar kurmak için eksiksiz bir desen kütüphanesi.
Sunucuda mı yoksa istemcide mi render edileceğini, yavaş veriyi Suspense ile nasıl akıtacağını ve değişiklikleri Server Actions ile nasıl yöneteceğini öğretir: veri çekme, paralel rotalar, kesişen modaller, route handler ve SEO meta verisi kapsayan sekiz hazır desenle desteklenir.
₺369 tek seferlik
Bir kit içine ekle → Fiyatlara KDV (%20) dahildir. · Gerçek ajans işinden çıkarıldı · tek seferlik, kilit yok
- Tür Skill
- Kategori Geliştirme
- Teslimat E-posta · anında
- Lisans Tek seferlik
Çalışmanın içinden · kara kutu yok
Satın almadan önce işin kendisini gör.
App Router üzerinde geliştirme yapılırken skill'in işlettiği gerçek döngü. Kara kutu yok, yaptığı iş budur:
- Her şeyi colocated fetch'li Server Component olarak başlatır: async sayfalar veritabanını veya API'yi doğru cache ipucuyla doğrudan çağırır (ISR için revalidate, hedefli geçersiz kılma için tag) ve secret'lar sunucudan asla çıkmaz.
- Client adalarını yapraklarda izole eder: yalnız gerçekten interaktif parçalar (useTransition'lı sepete-ekle butonu, form) 'use client' alır; 300KB bundle'ı 50KB'a indiren şey tam olarak budur.
- Yavaş veriyi blokalamak yerine stream eder: route seviyesini loading.tsx karşılar, iç içe Suspense sınırları yorumlar, öneriler ve diğer yavaş widget'ları sarar; header anında render olur, kalanı akar.
- Mutasyonları Server Action'dan geçirir: en üstte cookie/session kontrolü, veritabanı yazımı, ardından revalidateTag veya revalidatePath; tüm site değil yalnız etkilenen cache girdileri tazelenir.
- UI gerektirdiğinde ileri route biçimlerine uzanır: bağımsız loading state'li dashboard panelleri için paralel @slot'lar, sayfa-üstü-modal foto pattern'i için intercepting (.) route'lar, dinamik route'ları SSG'ye itmek için generateStaticParams.
- Sayfa başına SEO katmanını bitirir: generateMetadata canlı veriden title, description, OG ve Twitter kartlarını kurar; opengraph-image.tsx Edge runtime'da ImageResponse ile markaya uygun dinamik OG görseli render eder.
Tek güç kaynağı. 6 hat dışarı.
nextjs-app-router-patterns · çekirdek
çekirdek aktif · 6 hat
- ✓ isr ve cache etiketleriyle
ISR ve cache etiketleriyle Server Component veri çekme
- ✓ suspense ve loading.tsx
Suspense ve loading.tsx ile yavaş bileşenleri akıtma
- ✓ server actions ile değiş…
Server Actions ile değişiklik ve form yönetimi
- ✓ paralel ve kesişen rotalar
Paralel ve kesişen rotalar (dashboard slotları, fotoğraf modalleri)
- ✓ seo sayfaları için gener…
SEO sayfaları için generateMetadata + generateStaticParams
- ✓ pages router'dan app rou…
Pages Router'dan App Router'a geçiş
Aldıkların sende kalır.
Zamanı ileri sar. Ne kaldığını izle.
Sonsuza dek
Sahip olmak tam olarak bu.
Kiralık yığın
yapay zekâ yazım aracı: abonelik
süresi doldu · erişim gittianaliz paketi: abonelik
süresi doldu · erişim gittitasarım platformu: abonelik
süresi doldu · erişim gitti(geriye bir şey kalmadı)
Senin ocağın
-
Mantığı sunucuda tutarak daha küçük istemci paketleri
lisans: kalıcı -
Boş TTI beklemeleri yerine kademeli akışla daha hızlı algılanan yükleme
lisans: kalıcı -
Yalnızca etkilenen sayfaları yeniden kuran hassas cache geçersizleştirme
lisans: kalıcı -
Bir katman atlansa bile sonraki katmanın yakaladığı katmanlı kimlik koruması
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Render modu karar tablosu (Server/Client/Static/Dynamic/Streaming)
6 parça · tek çalışan sistem · e-postayla anında teslim
Bu herkes için dövülmedi.
- Araç kiralamayı sahip olmaya tercih ediyorsan, sana göre değil.
- Yığınını senin yerine başkası yönetsin istiyorsan, sana göre değil.
- Tahmin etmekten memnunsan, sana göre değil.
Tahmin yerine sınanmış bir mimari isteyen, Next.js App Router üzerinde üretim uygulaması kuran veya taşıyan React geliştiricileri için.
o zaman bu senin için dövüldü.Hangi AI ile çalışır
Tasarımı gereği evrensel: her yapay zekada çalışır. Açık Agent Skills + MCP biçiminde gelir (Claude’da yerleşik); ChatGPT, Gemini, Cursor ve Copilot aynı dosyaları kendine uyarlar.
- Claude Yerleşik biçim
- ChatGPT Açık standartla uyarlanır
- Gemini Açık standartla uyarlanır
- Cursor Açık standartla uyarlanır
- Copilot Açık standartla uyarlanır
Aklındakini yakala.
hava temizlendi. seninle ocak arasında hiçbir şey kalmadı.
bir kıvılcım yakala: ocak cevaplar
-
Pages Router'dan çıkıyoruz. Bu paket o yolu da kapsıyor mu, yoksa sadece yeni projeler için mi?
Geçiş, adı konmuş kullanım senaryolarından biri. Render modu karar tablosu ve tam dosya konvansiyon haritası, Pages Router alışkanlıklarını, yani getServerSideProps mantığını ve _app yapısını App Router karşılıklarına çevirmek için kurulmuş. Sonrasında inşa edeceğiniz sekiz desen de yanında.
-
Resmi Next.js dokümanlarını okumaktan farkı ne?
Dokümanlar her API'yi tek başına anlatır. Bu paket onları birleştiren sekiz hazır üretim deseni, karar tablolarını ve dokümanların size bıraktığı sunucu istemci yap yapma kurallarını bir arada verir. Sadece API yüzeyini değil, muhakeme kararlarını da kodlar.
-
use cache ve cacheLife gibi Next.js 16 önbellek yönergelerini kapsıyor mu?
Hayır. Bu kütüphane 14 ve üzeri App Router temeline odaklanır: Server Components, cache etiketli ISR, Suspense ile akış, Server Actions ve paralel rotalar. Next.js 16 Cache Components modeli kendi başına ayrı ve daha derin bir konu, ayrı bir becerinin işi.
-
Nasıl teslim edilir?
Satın alımdan hemen sonra e-posta ile iletilir, kuruluma hazır, anında indirilir; bekleme yok.
-
Tek seferlik mi, abonelik mi?
Tek seferlik alımdır; abonelik veya gizli ücret yoktur. Fiyata KDV (%20) dahildir.
-
İade alabilir miyim?
Dijital ürün olduğu için indirildikten sonra iade yapılmaz. Bu yüzden ne içerdiğini ve kime uygun olduğunu burada açıkça paylaşıyoruz.