NextJS Framework'ünde Production Modu
Production modu, bir projenin hosting üzerinde çalıştırılması için tasarlanmıştır. Bu modun temel amacı, maksimum performans ve proje güvenliği sağlamanın yanı sıra, sistem belleğinden tasarruf etmek için yüklenen dosyaların boyutunu küçültmektir.
Production modunun temel özellikleri:
- Kod optimizasyonu - production'a alınmadan önce kod derlenir. Örneğin, boyutlarını küçültmek ve sayfa yükleme hızını artırmak için JavaScript ve CSS minify edilir.
- Statik üretim - framework sayfaları önceden oluşturur, bu da sitede yükleme hızlarını artırır.
- Görsellerin optimizasyonu; otomatik olarak sıkıştırılır ve farklı ekran boyutları ve cihazlar için uygun hale getirilir.
- Hata ayıklama bilgilerinin kaldırılması - hata ayıklama için kullanılan tüm kod tarayıcı sayfalarından kaldırılır. Bu, projenin güvenli çalışması ve dosya yapısı hakkındaki bilgilerin kullanıcılardan gizlenmesi için gereklidir.
- Hot reload olmaması - geliştirme modunun aksine, burada yapılan her değişiklikte otomatik yeniden yükleme yoktur.
Production modu iki komutla başlatılır. Öncelikle projenin production build'ini almanız gerekir:
npm run build
Ardından build edilmiş projeyi çalıştırın:
npm start
Projeyi başlattıktan sonra, projenin temel yapısı hakkında bilgiler göreceksiniz. Proje içeriğinin türleri - statik ve dinamik - özel sembollerle işaretlenir. Şu anda sadece statik içeriğimiz var.
Denemek için projenizi production modunda çalıştırın.
Production modunu kapatın ve geliştirme modunu açın. Bundan sonraki derslerde bu modda çalışacağız.