Next.js Uygulaması Oluşturun

Sıfırdan React ile eksiksiz bir web uygulaması oluşturmak için göz önünde bulundurmanız gereken birçok önemli ayrıntı vardır:

• Kod, web paketi gibi bir paketleyici kullanılarak paketlenmeli ve Babel gibi bir derleyici kullanılarak dönüştürülmelidir.
• Kod bölme gibi üretim optimizasyonları yapmanız gerekiyor.
• Performans ve SEO için bazı sayfaları statik olarak önceden oluşturmak isteyebilirsiniz. Ayrıca sunucu tarafı oluşturmayı veya istemci tarafı oluşturmayı kullanmak isteyebilirsiniz.
• React uygulamanızı veri deponuza bağlamak için bazı sunucu tarafı kodları yazmanız gerekebilir.

Bir çerçeve bu sorunları çözebilir. Ancak böyle bir çerçevenin doğru soyutlama düzeyine sahip olması gerekir - aksi takdirde çok kullanışlı olmaz. Ayrıca, kod yazarken sizin ve ekibinizin harika bir deneyim yaşamasını sağlamak için harika bir "Geliştirici Deneyimi" olması gerekir.

Next.js: React Çerçevesi

Next.js , React Framework girin . Next.js, yukarıdaki sorunların tümüne bir çözüm sunar. Ancak daha da önemlisi, React uygulamaları oluştururken sizi ve ekibinizi başarı çukuruna sokar.

Next.js, sınıfının en iyisi geliştirici deneyimine ve aşağıdakiler gibi birçok yerleşik özelliğe sahip olmayı amaçlar:

• Sezgisel bir sayfa tabanlı yönlendirme sistemi ( dinamik rotalar desteği ile )
• Ön işleme , hem statik oluşturma (SSG) hem de sunucu tarafı oluşturma (SSR) sayfa bazında desteklenir
• Daha hızlı sayfa yüklemeleri için otomatik kod bölme
• Optimize edilmiş ön getirme ile istemci tarafı yönlendirme
• Yerleşik CSS ve Sass desteği ve herhangi bir CSS-in-JS kitaplığı için destek
• Hızlı Yenileme desteği ile geliştirme ortamı
• Sunucusuz İşlevler ile API uç noktaları oluşturmak için API yolları
• Tamamen uzatılabilir

Next.js, dünyanın en büyük markalarının çoğu da dahil olmak üzere, üretime yönelik on binlerce web sitesinde ve web uygulamasında kullanılmaktadır.

Bu Eğitim Hakkında

Bu ücretsiz etkileşimli kurs, Next.js'ye nasıl başlayacağınız konusunda size rehberlik edecektir.

Bu eğiticide, çok basit bir blog uygulaması oluşturarak Next.js'nin temellerini öğreneceksiniz . İşte nihai sonucun bir örneği:

https://next-learn-starter.vercel.app