Next Js Nedir?

Tunahan34' Alıntı:

Next Js Nedir?

Genişletmek için tıkla ...

• Sunucu tarafında render edebilmeni (SSR),
• Önceden statik olarak üretebilmeni (SSG),
• API endpoint’leri yazabilmeni,
• Route (sayfa) yönetimini daha kolay yapabilmeni,
• SEO dostu ve hızlı çalışır hale getirmeni

• Routing’i kendin ekliyorsun (react-router vs.)
• SSR/SSG için ekstra yapı kurman gerekiyor
• Build/config işlerinde webpack, babel vs. ile daha çok uğraşıyorsun

• /app veya /pages klasörüne dosya açman sayfa oluşturman için yeterli
• Sunucu tarafı ve istemci tarafı bileşenlerini ayırabiliyorsun
• getServerSideProps, getStaticProps gibi fonksiyonlarla veri çekme stratejini belirleyebiliyorsun (Next 12/13 pages yapısında)
• Yeni app router ile layout, server components, streaming gibi gelişmiş özellikler geliyor

• Kurumsal siteler
• Blog, içerik siteleri (SEO önemliyse)
• Dashboard, panel, web uygulamaları
• E-ticaret projeleri
• Hybrid projeler (bazı sayfa statik, bazı sayfa SSR)

• SEO avantajı: İçerik sunucu tarafında üretildiği için botlar sayfayı daha rahat okur
• Performans: Otomatik kod bölme, resim optimizasyonu (next/image), statik export vs.
• Kolay dosya tabanlı routing: Klasör yapın, URL yapın haline geliyor
• API Routes: Küçük backend endpoint’lerini aynı proje içinde yazabiliyorsun
• Typescript, ESLint, SWC derleyici gibi özellikler hazır entegre gelir
  

// pages/index.js
export default function Home() {
 return (
 <div>
 <h1>Merhaba Next.js</h1>
 </div>
 );
}