Nuxt.js ve Vue Geliştirici
Nuxt ve Vue ile her gün geliştirme yapıyorum — benim için birçok araçtan biri değil, işimin çekirdeği. Portfolyomdaki tanıtım siteleri, e-ticaret katalogları, çok kiracılı SaaS ürünleri ve yönetim sistemlerinin tamamı üretimde Nuxt 3/4 ve Vue 3 üzerinde çalışıyor; Vercel'e ve kendi işlettiğim Docker sunucularına dağıtılmış durumda.
Neden Nuxt ve Vue
Nuxt iki dünyanın en iyisini bir arada sunar: arama motorlarının klasik HTML gibi taradığı sunucu taraflı sayfalar ve sayfa yüklendikten sonra uygulama gibi davranan bir arayüz. Vue 3 ise kod tabanını okunur ve hızlı değiştirilebilir tutar — bir ürün yıllarca evrilecekse bu, her türlü benchmark'tan daha önemlidir. İşletmeler için bu ikili şu anlama geliyor: tanıtım sitesi, müşteri uygulaması ve yönetim paneli tek framework'te — tek uzmanlık, tek tercih, ayrı dünyalar arasında yapıştırma kodu yok.
Bununla neler geliştiriyorum
Yelpazenin tamamını: GSAP hareketli marka ve tanıtım siteleri, binlerce ürün barındıran katalog siteleri, hreflang yapılı iki dilli otel ve kurumsal siteler, PWA'lar ve Fein QR Menu ile Çiftliğim gibi eksiksiz SaaS ürünleri. Arka ucu da ben üstlendiğim için — Node, Supabase, PostgreSQL — benimle bir Nuxt projesi tarayıcıda bitmiyor: sunucu rotaları, API'ler ve veri katmanları aynı teslimatın parçası.
- →Sunucu taraflı render edilen tanıtım ve marka siteleri
- →Binlerce ürün ölçeğinde e-ticaret ve katalog ön yüzleri
- →Gerçek zamanlı veriyle (Supabase) çok kiracılı SaaS
- →hreflang i18n mimarili iki dilli siteler
- →Vue 3 ile yönetim panelleri ve dashboard'lar
TypeScript, Tailwind ve kalıcı kod
Her proje strict ayarlarla TypeScript üzerinde yazılıyor; çünkü hatalı bir varsayımı derleme anında yakalamak, üretimde yakalamaktan her zaman ucuzdur. Görsel taraf, üstüne yapıştırılmış bir UI kit yerine projeye özel bir tasarım sistemiyle Tailwind üzerinde ilerliyor. Bileşenler küçük ve birleştirilebilir, durum yönetimi öngörülebilir kalıyor — ve bir sonraki geliştirici, ister gelecekteki ben olayım ister sizin ekibiniz, kodu kazı çalışması yapmadan okuyabiliyor.
SEO ve performans, en baştan
Müşterilerin bana gelme sebeplerinden biri hep aynı: Vue SPA'ları Google'da görünmüyor. Nuxt ile render sunucuda gerçekleşiyor, yani tarayıcı botları eksiksiz sayfalar görüyor — ben de üzerine gerisini ekliyorum: meta ve Open Graph yönetimi, yapılandırılmış veri, çok dilli sitelerde hreflang, site haritaları ve görsel yükleme stratejisine kadar inen Core Web Vitals çalışması. Bu portfolyo ve içinde sergilenen müşteri siteleri bunun kanıtı: 1.5 saniye altı LCP hedefiyle çalışan SSR sayfalar.
Taşıma ve kurtarma işleri
Halihazırda var olan projeleri de üstleniyorum: Nuxt 2 uygulamalarını Nuxt 3/4'e yükseltmek, Vue 2 kod tabanlarını Vue 3'e ve Composition API'ye taşımak ya da plansız büyümüş bir SPA'yı çözmek. Süreç sıfırdan projelerle aynı — keşif, yapı, sonra kademeli taşıma — böylece temel altından yenilenirken site çalışmaya ve sıralamada kalmaya devam ediyor.
İlgili Projeler
Sık Sorulan Sorular
+Nuxt mü yoksa saf Vue mu — projem hangisine ihtiyaç duyar?
Halkın Google'da bulması gereken bir şeyse — site, mağaza veya içerik platformu — sunucu taraflı render nedeniyle Nuxt. Giriş ekranının arkasında yaşayan bir kurum içi araç veya panelse saf Vue yeterli olabilir. Tercihe göre değil, projeye göre öneriyorum.
+Nuxt 2 / Vue 2 projemizi yükseltebilir misiniz?
Evet. Önce kod tabanını inceliyor, sonra kademeli taşıyorum — önce bağımlılıklar, sonra framework, sonra bileşenler — böylece site hiçbir an karanlığa gömülmüyor. Hem Nuxt 2'den 3/4'e hem Vue 2'den 3'e taşıma, fiilen yaptığım işler.
+Devam eden bir Vue/Nuxt projesine sonradan katılabilir misiniz?
Evet — ister tamamen devralmak ister ekibinizle birlikte belirli bir alanı üstlenmek için. Süre tahmini vermeden önce mimariyi ve riskli köşeleri anlamak için kısa bir incelemeyle başlıyorum.
+Nuxt ile yapılan site SEO için iyi mi?
Evet — zaten onu seçmenin ana sebeplerinden biri bu. Sayfalar sunucuda render edildiği için arama motorları gerçek içeriği tarar. Yine de SEO kendiliğinden olmaz: meta yapısı, yapılandırılmış veri, hreflang ve performansın bilinçli kurulması gerekir — bunlar da teslimatımın parçası.
+Nuxt uygulamalarını nereye dağıtıyorsunuz?
Küresel dağıtım isteyen siteler için Vercel; her şeyin self-hosted olmasını isteyen ürünler için kendi işlettiğim sunucularda Docker konteynerleri; faydalı olduğunda önlerine Cloudflare. Seçim; trafik yapısına, verinin konumuna ve bütçeye göre yapılıyor.
+Sadece ön yüz mü, arka uç da yapıyor musunuz?
İkisini de. Nuxt projelerimin çoğu sunucu rotaları, bir Node API ve Supabase veya PostgreSQL veri katmanı içeriyor — hepsi ön yüzle birlikte, aynı kişi tarafından tasarlanıp kodlanıyor.