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 Best Practices
Dosya kuralları, React Sunucu Bileşeni sınırları, eşzamansız API'ler, veri desenleri, meta veri, hata yönetimi ve görsel ile font optimizasyonunu kapsayan çalışır bir Next.js en iyi uygulamalar referansı.
Üretimde gerçekten önemli olan disiplinleri uygular: use-client sınırını yaprakta tutmak, eşzamansız parametreleri beklemek, meta veriyi tek kaynaktan üretmek ve hiçbir rotayı yükleme, hata ve bulunamadı durumları olmadan yayınlamamak.
₺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 kodu yazılır veya gözden geçirilirken skill'in işlettiği gerçek döngü. Kara kutu yok, yaptığı iş budur:
- Önce dosya konvansiyonlarını denetler: özel dosyalar doğru yerde mi, route segment ve grupları doğru mu, v16 yeniden adlandırması (middleware artık proxy) uygulanmış mı; çünkü yanlış yere konan dosya gürültüyle değil sessizce başarısız olur.
- Server/client sınır disiplinini wrapper pattern ile zorlar: 'use client' import zinciri boyunca yukarı yayılır; bu yüzden interaktif parçalar yapraklarda izole edilir, sayfa, grid ve listeler server'da render edilip JS göndermez.
- Next.js 15+ için async API göçünü yapar: params, searchParams, cookies() ve headers() artık Promise; her page, layout ve generateMetadata await alır, şelaleler Promise.all'a toplanır.
- Her route'ta hata-modu üçlüsünü şart koşar: loading.tsx skeleton, reset/retry'lı error.tsx, ileri yol gösteren not-found.tsx. Ağ hatasında boş sayfa göstermek release engelleyici sayılır.
- Metadata'yı tek doğruluk kaynağında tutar: title, description, OG, canonical ve alternates'i generateMetadata üretir; sayfa gövdesinde manuel meta tag yasaktır, sitemap.ts ve robots.ts kodda yaşar.
- Doğrulama checklist'iyle kapatır: Server Action içinde Zod validation, LCP elemanında sizes ve priority'li next/image, NEXT_PUBLIC_ prefix kuralı ve her fetch'te açıkça yazılmış cache stratejisi (force-cache, no-store veya revalidate).
Tek güç kaynağı. 6 hat dışarı.
next-best-practices · çekirdek
çekirdek aktif · 6 hat
- ✓ javascript paketini küçü…
JavaScript paketini küçültmek için use-client sınırını dar tutmak
- ✓ next.js 15 ve üzerinde e…
Next.js 15 ve üzerinde eşzamansız parametrelere geçmek
- ✓ seo meta verisi, site ha…
SEO meta verisi, site haritası ve robots'u tek kaynaktan üretmek
- ✓ paralel promise.all ile
Paralel Promise.all ile veri çekme şelalelerini önlemek
- ✓ her rotaya hata, yükleme
Her rotaya hata, yükleme ve bulunamadı durumları eklemek
- ✓ görselleri ve fontları t…
Görselleri ve fontları temel web ölçütleri için optimize etmek
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
-
Etkileşimi yaprakta yalıtarak istemci JavaScript'ini azaltın
lisans: kalıcı -
Bozucu değişiklikleri üretimde değil derleme anında yakalayın
lisans: kalıcı -
Tek kaynak dinamik meta veri ve OG görselleriyle daha iyi sıralanın
lisans: kalıcı -
Zorunlu hata durumu kapsamasıyla boş sayfaları ortadan kaldırın
lisans: kalıcı
abonelikler biter · tapular bitmez
Kutudaki her şey.
Bir parçayı eline al. Çalışırken izle.
Doğru ve yanlış örneklerle sunucu ve istemci sınırı sarmalama deseni
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.
Her tuzağı zor yoldan öğrenmeden hızlı, SEO açısından doğru ve üretime güvenli App Router kodu isteyen Next.js 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
-
Hâlâ Pages Router kullanıyoruz. Bu referans bize hitap eder mi?
Kısmen. Görsel, font ve meta veri temelleri taşınır ama asıl disiplinler, yani RSC sınır yerleşimi, eşzamansız parametre geçişi ve rota bazlı yükleme, hata, bulunamadı kuralı App Router varsayar. En çok geçiş sırasında ya da sonrasında değer üretir.
-
JS paketimi gerçekten küçülten somut disiplin hangisi?
use-client sınırını yaprakta tutmak: etkileşimli parçalar olabilecek en küçük istemci bileşenine yalıtılır, üst katmandaki her şey sunucuda kalır. Referans bu sarmalama desenini doğru ve yanlış örneklerle gösterir çünkü en yaygın hata tek bir buton için koca sayfayı istemci işaretlemektir.
-
Mevcut kod tabanımı tarayıp ihlalleri otomatik işaretliyor mu?
Hayır. Bu bir çalışma referansı ve incelemede uygulayacağınız sekiz maddelik doğrulama listesidir, lint kuralı ya da tarayıcı değildir. Listeyi koşma disiplinini siz getirirsiniz, üretimde gerçekten önemli olanların listesini o getirir.
-
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.