Neden Nuxt.js ?
Neden Nuxt.js demeden önce neden Vue.js konusuna değinmek istiyorum. Vue.js modern Javascript Frameworkü’dür. JavaScript içerisinde yazmış olduğumuz kodların ve işlemlerin çok daha hızlı olmasını sağlayan progressive bir framework’tür.
Oldukça popüler bir framework olarak göze çarpan Vue.js GitHub içerisinde en hızlı yükselen frameworkler’den biridir. İsterseniz normal JQuery kullanır gibi direk framework’ü script taglari ile sayfanıza import edip kullanabilirsiniz.
Angular ve React.js framework’lerinin en iyi özelliklerini içerisinde barındırır. Angular syntax’ını, React.js’den hızını ve virtual dom özelliklerini almıştır.
State management ve Router işlemleri oldukça kolay ve başarılıdır. State management konusunda Vue router bizlere çok yardımcı olmaktadır.
Vue.js çok küçük ve hafif olmasıyla farkını ortaya koymaktadır.
Nuxt.js Vue üzerinden derlenmektedir, bir nevi bir framework’e ait bir framework diyebiliriz. Nuxt.js bize biraz daha esneklik ve hız kazandırıyor ve daha profesyonel işlere imza atmamıza olanak sağlıyor.
Nuxt.js ‘in Vue.js’ e eklediği önemli özelliklerden bazıları;
- Vue.js uygulamalarınızı Server Side Rendering ile Google üzerinde SEO uyumlu yapmasıdır. Bu işleme Universal Vue Application denilmektedir.
- Vue.js geliştirme süreçlerini oldukça kolaylaştırması. Sadece dosya ve klasör yardımıyla bile birçok işlemi Nuxt.js ile kolaylıkla yapabilirsiniz.
- Nuxt.js kullanarak Vue Application geliştirme sürecimizi kolaylaştırır.
Nuxt.js, frontend geliştiricilerine birçok avantaj sunar, ancak bu framework’ü nihai olarak kullanmanızı etkileyecek önemli bir özellik var: SEO iyileştirmesi.
SEO geliştirmek için Nuxt.js Server Side Rendering (Sunucu Tarafı Oluşturma) kullanır. SSR, AJAX verilerini getiriyor ve Vue.js bileşenlerini sunucudaki HTML dizelerine işliyor. Bu özellik, Google Seo ayrıştırıcısı ile DOM öğeleri arasında harika ayrıştırma sağlar. Seo ayrıştırıcı web sitesine geldiğinde Dom öğelerini hemen muazzam bir hızla ayrıştırıyor.
Nuxt.js ile ne tarz uygulamalar geliştirebiliriz?
Universal App geliştirebiliriz.
- İlk View sunucu üzerinde dinamik şekilde render edilir.
- İlk yüklemeden sonra , uygulama SPA’ya dönüştürülür.
- SEO için mükemmel uyumlu hale gelmektedir.
Single Page App geliştirebiliriz.
- Uygulama ilk yüklemeden sonra başlar ve Client Side tarafından render edilir.
- Uygulama Single Page Application olarak kalır.
- Normal Vue App gibidir fakat geliştirme süreçleri basittir.
Statik App geliştirebiliriz.
Siz statik olarak dosyalarınızı sunmak istiyorsanız ve bunları Server Side üzerinde render ederek göndermek istiyorsanız bu tam size göre diyebilirim.
- Pre-render View’ler yüklenir
- İlk yüklemeden sonra, uygulama SPA’ya dönüştürülür.
- Sunucu tarafında render isteği gerçekleştiği için SEO mükemmel uyumlu bir uygulama çözümüdür.
Biz de bu güzelliklerden etkilenip Doğuş Teknoloji -İnteraktif Web Projeleri frontend ekibi olarak Nuxt.js’i projelerimizde kullanıyoruz. Dönüşüme önem verip bu teknolojilerin olmadığı projeleri bu tarz frameworkler ile geliştirip zenginleştirme gayesindeyiz.
Kaynakça:
