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 Cache Components
Statik kabuk, önbelleklenmiş veri ve dinamik içeriğin tek bir rotada bir arada yaşayabildiği Next.js 16 Cache Components ve Kısmi Ön Render'a pratik bir rehber.
use-cache yönergesini, cacheLife profillerini, cacheTag'i ve aynı istekte tazelik için updateTag ile arka plan yenilemesi için revalidateTag arasındaki kritik farkı kapsar; böylece kullanıcı işlemi sonrası bayat veri göstermeden hızlı sayfalar sunarsınız.
₺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.
Next.js 16 Cache Components adapte edilirken skill'in işlettiği gerçek döngü. Kara kutu yok, yaptığı iş budur:
- next.config.ts'te cacheComponents: true açılır; bu eski experimental.ppr bayrağının yerini alır ve Partial Prerendering'i component seviyesinde devreye sokar.
- Her component'i 'bu veri kime ait' sorusuyla statik/cached/dinamik üçlüsüne ayırır: senkron shell otomatik prerender edilir, herkese ortak async veri 'use cache' alır, kullanıcıya özel veri Suspense sınırının arkasında dinamik kalır.
- Cache'lenen fonksiyonları tam üçlüyle işaretler: fonksiyonda 'use cache', ömür için cacheLife ('hours' gibi hazır profil veya inline stale/revalidate/expire), hedefli geçersiz kılma için cacheTag. Cache key argüman ve closure'lardan otomatik türetilir, manuel key dizisi yoktur.
- Runtime API'leri cache kapsamından çıkarır: cookies(), headers() ve searchParams 'use cache' içinde yasaktır; dışarıda çözülüp argüman olarak geçirilir, böylece bedavadan cache key'in parçası olurlar.
- Geçersiz kılma stratejisini aksiyona göre seçer: kullanıcı aynı istekte taze veri görmeliyse (form gönderimi) updateTag, arka plan tazelemesi yeterliyse stale-while-revalidate için revalidateTag. İkisini karıştırmak klasik 'kaydettim ama hala eskiyi görüyorum' hatasıdır.
- Eski unstable_cache çağrılarını taşır: manuel keyParts dizisi atılır, options.tags yerine cacheTag(), options.revalidate yerine cacheLife() gelir; sonra sınırlamalar listesi kontrol edilir (Edge runtime yok, static export yok, deterministik olmayan değerler build anında donar).
Tek güç kaynağı. 6 hat dışarı.
next-cache-components · çekirdek
çekirdek aktif · 6 hat
- ✓ statik kabuk, önbellekli
Statik kabuk, önbellekli ve dinamik içeriği tek rotada karıştırmak
- ✓ az değişen veriyi bayat-…
Az değişen veriyi bayat-iken-yenile ile önbelleklemek
- ✓ önbellekli içeriği kesin
Önbellekli içeriği kesin geçersizleştirme için etiketlemek
- ✓ sunucu eylemi güncellemesi
Sunucu eylemi güncellemesi sonrası önbelleği anında yenilemek
- ✓ unstable_cache'ten use-c…
unstable_cache'ten use-cache yönergesine geçmek
- ✓ kullanıcıya özel içeriği
Kullanıcıya özel içeriği Suspense sınırı arkasından akıtmak
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
-
Dinamik içerik akarken statik hızında ilk baytı sunun
lisans: kalıcı -
Otomatik önbellek anahtarlarıyla gereksiz veritabanı çağrılarını azaltın
lisans: kalıcı -
Anlık geçersizleştirmeyle kullanıcı eylemi sonrası taze veri gösterin
lisans: kalıcı -
Manuel önbellek anahtarlarını kaldırın ve önbellek zehirlenmesinden kaçının
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Cache Components ve PPR etkinleştirme yapılandırması
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.
Kullanıcı işlemleri sonrası bayat veri sürprizi olmadan kesin geçersizleştirmeyle hızlı ve doğru önbellekli sayfalar isteyen Next.js 16 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
-
Next.js 14 veya 15'teyim. Bunun bir kısmını bugün kullanabilir miyim?
Yönergelerin kendisi Next.js 16 ister çünkü Cache Components ve PPR orada geliyor. Bugün kullanabileceğiniz kısım experimental.ppr ve unstable_cache'ten göç tablosu. Mevcut kurulumunuzun yeni modele nasıl oturduğunu gösterir, yükseltmeye hazırlıklı girersiniz.
-
updateTag ile revalidateTag aynı şey gibi duruyor. Gerçek fark ne?
updateTag aynı istek içinde tazeler, sunucu eylemini gönderen kullanıcı değişikliğini anında görür. revalidateTag ise arka plan yenilemesi planlar, taze veriyi bir sonraki ziyaretçi alır. Yanlış seçerseniz ya işlem sonrası bayat veri gösterirsiniz ya da gereksiz eşzamanlı işin bedelini ödersiniz. Karar rehberi hangisinin nerede kullanılacağını eşler.
-
Kullanıcıya özel içeriği de bununla önbellekleyebilir miyim?
Hayır, denememelisiniz de. Kişiselleştirilmiş içerik dinamik olarak sınıflandırılır ve Suspense sınırı arkasından akar. use-cache altına alırsanız bir kullanıcının verisini başkasına sunarsınız. İçerik türü ayrımı tam da statik, önbellekli ve kişiye özel içeriği kendi şeridinde tutmak için var.
-
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.