Introduction
Next.js belgelerine hoş geldiniz!
What is Next.js?
Next.js, tam yığın web uygulamaları oluşturmak için bir React çerçevesidir. Kullanıcı arayüzleri oluşturmak için React Bileşenlerini ve ek özellikler ve optimizasyonlar için Next.js'yi kullanırsınız.
Next.js, kaputun altında React için gerekli olan paketleme, derleme ve daha fazlası gibi araçları da soyutlar ve otomatik olarak yapılandırır. Bu, yapılandırmayla zaman harcamak yerine uygulamanızı oluşturmaya odaklanmanızı sağlar.
İster bireysel bir geliştirici ister daha büyük bir ekibin parçası olun, Next.js etkileşimli, dinamik ve hızlı React uygulamaları oluşturmanıza yardımcı olabilir.
Main Features
Ana Next.js özelliklerinden bazıları şunlardır:
| Feature | Description |
|---|---|
| Routing | A file-system based router built on top of Server Components that supports layouts, nested routing, loading states, error handling, and more. |
| Rendering | Client-side and Server-side Rendering with Client and Server Components. Further optimized with Static and Dynamic Rendering on the server with Next.js. Streaming on Edge and Node.js runtimes. |
| Data Fetching |
Simplified data fetching with async/await in Server Components, and an extended fetch API for request
memoization, data caching and revalidation.
|
| Styling | Support for your preferred styling methods, including CSS Modules, Tailwind CSS, and CSS-in-JS |
| Optimizations | Image, Fonts, and Script Optimizations to improve your application's Core Web Vitals and User Experience. |
| TypeScript | Improved support for TypeScript, with better type checking and more efficient compilation, as well as custom TypeScript Plugin and type checker. |
How to Use These Docs
Ekranın sol tarafında dokümanlar gezinme çubuğunu bulacaksınız. Dokümanların sayfaları, uygulamanızı oluştururken adım adım takip edebilmeniz için temelden gelişmişe doğru sıralı olarak düzenlenmiştir. Ancak, bunları istediğiniz sırayla okuyabilir veya kullanım durumunuz için geçerli olan sayfalara atlayabilirsiniz.
Ekranın sağ tarafında, bir sayfanın bölümleri arasında gezinmeyi kolaylaştıran bir içindekiler tablosu göreceksiniz. Bir sayfayı hızlı bir şekilde bulmanız gerekiyorsa, üstteki arama çubuğunu veya arama kısayolunu (Ctrl+K veya Cmd+K) kullanabilirsiniz.
Başlamak için Kurulum kılavuzuna göz atın.
App Router vs Pages Router
Next.js iki farklı yönlendiriciye sahiptir: Uygulama Yönlendiricisi ve Sayfalar Yönlendiricisi. Uygulama Yönlendiricisi, Sunucu Bileşenleri ve Akış gibi React'in en yeni özelliklerini kullanmanıza olanak tanıyan daha yeni bir yönlendiricidir. Sayfalar Yönlendiricisi, sunucuya işlenmiş React uygulamaları oluşturmanıza olanak tanıyan ve eski Next.js uygulamaları için desteklenmeye devam eden orijinal Next.js yönlendiricisidir.
Kenar çubuğunun üst kısmında, Uygulama Yön lendirici ve Sayfa Yönlendirici özellikleri arasında geçiş yapmanızı sağlayan bir açılır menü göreceksiniz. Her dizine özgü özellikler olduğundan, hangi sekmenin seçili olduğunu takip etmek önemlidir.
Sayfanın üst kısmındaki ekmek kırıntıları da App Router dokümanlarını mı yoksa Pages Router dokümanlarını mı görüntülediğinizi gösterecektir.
Pre-Requisite Knowledge
Dokümanlarımız yeni başlayanlar için uygun olacak şekilde tasarlanmış olsa da, dokümanların Next.js işlevselliğine odaklanabilmesi için bir temel oluşturmamız gerekiyor. Yeni bir kavramı tanıttığımızda ilgili belgelere bağlantılar sağladığımızdan emin olacağız.
Dokümanlarımızdan en iyi şekilde yararlanmak için HTML, CSS ve React hakkında temel bir anlayışa sahip olmanız önerilir. React becerilerinizi tazelemeniz gerekiyorsa, sizi temel bilgilerle tanıştıracak React Temelleri Kursumuza göz atın. Ardından, bir dashboard uygulaması oluşturarak Next.js hakkında daha fazla bilgi edinin.
Accessibility
Belgeleri okurken ekran okuyucu kullanırken en iyi erişilebilirlik için Firefox ve NVDA veya Safari ve VoiceOver kullanmanızı öneririz.
Join our Community
Next.js ile ilgili herhangi bir konuda sorularınız varsa, GitHub Discussions, Discord, Twitter ve Reddit üzerinden topluluğumuza her zaman sorabilirsiniz.