Nuxt Nedir, Ne İşe Yarar?

Nuxt, Vue.js üzerine kurulu, full-stack bir web framework’üdür. Vue’nun tek başına sunmadığı yönlendirme (routing), sunucu tarafı render (SSR), statik site üretimi (SSG) ve dosya tabanlı proje yapısı gibi özellikleri kutudan çıkar çıkmaz getirir. Kısacası Nuxt, Vue ekosisteminde Next.js’in React için yaptığını yapar: büyük, performanslı ve SEO dostu uygulamalar geliştirmeyi kolaylaştırır. Bu yazıda Nuxt’un ne olduğunu, hangi sorunları çözdüğünü, render modlarını ve nasıl barındırıldığını ayrıntılarıyla anlatıyoruz.

Nuxt uygulamalarını SSR ile yayınlamak için Node.js çalıştıran bir VPS/sunucu idealdir. Statik (SSG) bir Nuxt çıktısı ise klasik web hosting üzerinde bile sorunsuz yayınlanabilir.

Nuxt Ne İşe Yarar?

Saf Vue ile büyük bir uygulama kurarken yönlendirmeyi, veri çekme stratejisini, SSR’ı, SEO meta etiketlerini ve proje klasör yapısını kendiniz birleştirmeniz gerekir. Her ekip bu parçaları farklı birleştirir, sonuçta bakımı zor ve birbirine benzemeyen projeler ortaya çıkar. Nuxt bu parçaların hepsini entegre, standartlaşmış bir çatı altında sunar. pages/ klasörüne koyduğunuz her bileşen otomatik bir sayfaya ve URL’ye dönüşür; SSR/SSG seçenekleriyle arama motorları için dolu HTML üretilir; otomatik import sayesinde bileşen ve composable’ları her dosyada tek tek import etmeden kullanırsınız.

Pratikte Nuxt’un en çok zaman kazandırdığı noktalar şunlardır:

• Dosya tabanlı yönlendirme: pages/urunler/[id].vue dosyası otomatik olarak /urunler/123 gibi dinamik bir rotaya dönüşür. Ayrıca route yapılandırması yazmanıza gerek kalmaz.
• Otomatik import (auto-imports): components/ ve composables/ klasörlerindeki her şey otomatik gelir; tree-shaking ile kullanılmayan kod paketten çıkarılır.
• Hazır veri çekme: useFetch ve useAsyncData composable’ları sunucu ve istemci tarafında veriyi tutarlı biçimde getirir, önbellekler.
• SEO ve meta yönetimi: useSeoMeta ile başlık, açıklama ve Open Graph etiketlerini her sayfada kolayca yönetirsiniz.
• Sunucu API’leri: server/api/ klasörüne koyduğunuz dosyalar doğrudan backend endpoint’i olur; ayrı bir Express/Koa sunucusu kurmanıza gerek kalmaz.
• Geniş modül ekosistemi: kimlik doğrulama, görsel optimizasyonu, içerik (Markdown), PWA gibi yüzlerce işlevi tek satırla projenize eklersiniz.

Nuxt Hangi Teknolojiler Üzerine Kurulu?

Nuxt, sıfırdan yazılmış tek parça bir sihir değildir; olgun açık kaynak teknolojileri akıllı bir biçimde bir araya getirir. Güncel Nuxt 4 sürümünün temel taşları şunlardır:

• Vue 3: Bileşen modeli, reaktivite ve Composition API’nin geldiği çekirdek katman.
• Vite: Çok hızlı geliştirme sunucusu ve üretim derleyicisi. Sıcak modül değişimi (HMR) ile anında geri bildirim verir.
• Nitro: Nuxt’un sunucu motoru. Aynı kod tabanını Node.js sunucusu, sunucusuz (serverless) platformlar ve edge ortamlarında çalıştırabilen evrensel bir katmandır. server/api/ rotaları da Nitro üzerinde çalışır.
• Vue Router & unjs araçları: Yönlendirme ve düşük seviye yardımcı kütüphaneler arka planda Nuxt tarafından yönetilir.

Bu mimari sayesinde Nuxt’a “sunucu öncelikli (server-first) full-stack framework” denir: aynı proje içinde hem ön yüzü hem de hafif bir backend katmanını barındırabilirsiniz.

Render Modları: SSR, SSG, SPA ve Hibrit

Nuxt’un en güçlü yanlarından biri esnek render modlarıdır. İhtiyaca göre bir modu tüm siteye uygulayabilir ya da routeRules ile sayfa grubuna göre farklı modlar seçebilirsiniz.

• SSR (Universal/Sunucu Tarafı Render): Sayfa sunucuda üretilip tarayıcıya dolu HTML olarak gönderilir, ardından istemcide etkileşime geçer (hydration). SEO ve ilk görünüm hızı için idealdir. E-ticaret, haber ve içerik siteleri için en yaygın seçimdir.
• SSG (Statik Site Üretimi): Site derleme anında önceden üretilip statik HTML/CSS/JS dosyalarına çevrilir. Blog, dokümantasyon ve pazarlama siteleri için çok hızlı ve güvenlidir; sunucu çalıştırmaya gerek olmadan barındırılabilir.
• SPA (Tek Sayfa Uygulaması): Tamamen istemci taraflı çalışır. Arkasında oturum açmış kullanıcıların kullandığı panel/dashboard gibi, SEO önceliği olmayan arayüzler için uygundur.
• Hibrit Render (routeRules): Aynı proje içinde pazarlama sayfaları statik, blog ISR (artımlı yeniden üretim) ve panel SSR olabilir. Böylece her sayfaya en uygun stratejiyi tek tek atayabilirsiniz.

ISR ve SWR ile Statiğin Esnekliği

Nuxt 4, statik çıktının getirdiği hızı tamamen kaybetmeden içeriği taze tutmak için ISR (Incremental Static Regeneration) ve SWR (stale-while-revalidate) stratejilerini destekler. Bir sayfayı belirli aralıklarla arka planda yeniden üretebilir, kullanıcıya hep önbellekteki hızlı sürümü sunarsınız. Böylece “statik hızı” ile “dinamik tazelik” arasında seçim yapmak zorunda kalmazsınız.

Nuxt mu, Saf Vue mu?

Bu bir “ya o ya bu” seçimi değildir; Nuxt zaten Vue’yu kullanır. Küçük, tek sayfalık ya da SEO gerektirmeyen bir arayüz için saf Vue fazlasıyla yeterlidir ve daha az soyutlama getirir. Ancak çok sayfalı, SEO’su önemli, sunucu tarafı render ve düzenli proje yapısı isteyen uygulamalar için Nuxt büyük zaman kazandırır. Yani Nuxt, “büyüyen Vue projeleri” için doğal bir tercihtir.

Nuxt Sürümleri: Nuxt 3, Nuxt 4 ve Yolda Olan Nuxt 5

Şu an aktif ve önerilen sürüm Nuxt 4‘tür. Nuxt 4, Vue 3, Vite ve Nitro motoru üzerine kurulu olup yeni app/ dizin yapısı, daha akıllı veri çekme (geliştirilmiş useFetch/useAsyncData), tutarlı bileşen isimleri ve daha iyi IDE performansı gibi iyileştirmeler getirir. Önemli bir ayrıntı: Nuxt 4, mevcut Nuxt 3 proje düzenini otomatik algılar; bu sayede geçiş çoğu projede oldukça sorunsuzdur.

Nuxt 3 hattı ise bakım (hata ve güvenlik yamaları) açısından Temmuz 2026’ya kadar desteklenmektedir; bu nedenle yeni projelerde doğrudan Nuxt 4 ile başlamak mantıklıdır. Ufukta görünen Nuxt 5, baştan tasarlanmış Nitro v3 ve H3 v2 çekirdeğiyle gelecek; web standartlarına dayalı istek işleme ve daha hızlı derlemeler vaat ediyor. Nuxt 5’in devrim niteliğinde API kırılmaları getirmemesi, daha çok altyapıyı modernize etmesi bekleniyor.

Nuxt Uygulaması Nasıl Barındırılır?

Barındırma şekli, seçtiğiniz render moduna göre değişir:

• SSR için: Node.js sürecini sürekli çalıştıran bir ortam gerekir. Burada bir VPS veya bulut sunucu en sağlıklı seçimdir; kaynakları (CPU/RAM) trafiğinize göre ölçeklendirir, process yöneticisi (orn. PM2) ile uygulamayı ayakta tutarsınız.
• SSG için: Çıktı statik dosyalardan oluştuğu için standart web hosting üzerinde bile yayınlanabilir; sunucu tarafında çalışan bir sürece gerek kalmaz.
• Alan adı ve SSL: Hangi modu seçerseniz seçin, sitenizi bir alan adı altında ve SSL sertifikası ile HTTPS üzerinden yayınlamanız gerekir.

Alastyr tarafında Nuxt’ın SSR uygulamaları için sunduğumuz VPS ve bulut sunucularda İzmir’deki kendi veri merkezimiz (kiralık değil, N+1 yedekli, Tier III standartlarında) avantajını elde edersiniz. KVM tabanlı sanallaştırma ile garantili kaynak, %99.9 uptime, günlük yedekleme, ücretsiz SSL ve 7/24 destek standart olarak gelir. Voxility 1 Tbps+ L3-L4 anti-DDoS koruması, projeniz büyüdükçe trafiği güvende tutar. Ölçeklendirme gerektiğinde dakikalar içinde kaynak ekleyebilir, TL ile 12 taksite kadar ödeyebilirsiniz.

Sıkça Sorulan Sorular

Nuxt ücretsiz mi?

Evet. Nuxt açık kaynaklıdır ve MIT lisansıyla ücretsiz kullanılır. Kurumsal projelerde dahi lisans ücreti ödemezsiniz; yalnızca uygulamayı barındıracağınız sunucu/hosting maliyeti oluşur.

Nuxt, Vue’nun yerine mi geçer?

Hayır. Nuxt, Vue’yu içinde kullanır; onun yerini almaz, onu tamamlar ve genişletir. Vue bilginiz Nuxt’ta doğrudan işe yarar; üstüne yönlendirme, SSR ve proje yapısı gibi katmanları kazanırsınız.

Nuxt SEO için iyi mi?

Evet. SSR ve SSG modları arama motorlarına dolu HTML sunduğu için Nuxt SEO açısından güçlü bir seçimdir. Ayrıca useSeoMeta gibi araçlarla başlık, açıklama ve sosyal medya etiketlerini her sayfada kolayca yönetebilirsiniz.

Güncel Nuxt sürümü hangisi?

Aktif ve önerilen sürüm Nuxt 4’tür. Vue 3, Vite ve Nitro üzerine kuruludur. Nuxt 3 hattı Temmuz 2026’ya kadar bakım yaması alır; yeni projelerde doğrudan Nuxt 4 ile başlamak önerilir.

Nuxt ile Next.js arasındaki fark nedir?

İkisi de full-stack framework’tür ve çok benzer işlevler sunar. Temel fark çekirdek kütüphanedir: Next.js React üzerine, Nuxt ise Vue üzerine kuruludur. Ekibiniz Vue biliyorsa Nuxt, React biliyorsa Next.js daha doğal bir seçimdir.

Nuxt uygulamasını nasıl barındırırım?

SSR kullanıyorsanız Node.js çalıştıran bir VPS veya bulut sunucu gerekir. SSG ile statik çıktı üretiyorsanız standart web hosting üzerinde bile yayınlayabilirsiniz. Her iki durumda da alan adı ve SSL sertifikası tamamlayıcı unsurlardır.

Nuxt ile backend (API) yazabilir miyim?

Evet. server/api/ klasörüne koyduğunuz dosyalar Nitro motoru üzerinde çalışan backend endpoint’lerine dönüşür. Bu sayede çoğu durumda ayrı bir Express/Koa sunucusu kurmanıza gerek kalmaz.

SSR ve SSG arasında hangisini seçmeliyim?

İçeriğiniz sık değişiyorsa ve kullanıcıya göre kişiselleşiyorsa SSR; içeriğiniz nispeten sabitse (blog, doküman, tanıtım) SSG daha hızlı ve ucuz olur. Sık değişen ama yoğun trafikli sayfalarda ISR/SWR ikisinin avantajını birleştirir.

Nuxt 3 projemi Nuxt 4’e taşımak zor mu?

Çoğunlukla değil. Nuxt 4, mevcut Nuxt 3 proje düzenini otomatik algılar ve dosyaları taşımadan çalışmaya devam eder. Yine de resmi yükseltme rehberini takip etmek ve bağımlılıklarınızı güncellemek yararlıdır.