İçeriğe geç
YolcuHost
Yazılım dilleri ve çatıları

Vue.js Uygulamaları İçin En Uygun VDS Paketi

Vue projeleri çoğu zaman tek başına değil, bir arka ucun ön yüzü olarak yaşar: Laravel ile Inertia, Django REST ya da bir Node.js API'si ile birlikte. Derleme sonrası çıkan statik dosyaları Nginx sunar, aynı VDS'teki arka uç da veriyi sağlar. Vue Router'ı createWebHistory ile kullanıyorsanız sayfayı yenileyince 404 almamak için sunucuda index.html'e geri dönüş kuralı tanımlamanız gerekir; hash modunda buna gerek yoktur.

Önerilen işletim sistemi: Ubuntu 24.04, Debian 13

En uygun paket

Xeon VDS 1

Vue ön yüzü

vCPU
2 Çekirdek
RAM
2 GB ECC
Disk
40 GB SSD
Bağlantı
1 Gbps
₺123,90/ay + KDV
Bu paketi sipariş et Tüm VDS paketleri

Neden bu paket?

  • Inertia ile Laravel'i ya da ayrı bir REST/GraphQL API'yi Vue ön yüzüyle tek sunucuda, tek alan adında toplarsınız.
  • Derlenmiş Vue dosyaları Nginx üzerinden çok az kaynakla sunulur; kaynakları arka uca bırakırsınız.
  • Tam yetkiyle Node.js'i, PHP'yi ya da Python'u aynı sunucuya kurup derlemeyi de orada yaparsınız.
  • Ücretsiz DDoS koruması ve limitsiz trafik herkese açık uygulamanızı korur.

İhtiyacınıza göre paket

Küçük başlayın; büyüdükçe paketinizi yükseltebilirsiniz.

Vue ön yüzü

Derlenmiş Vue uygulamasını Nginx ile sunmak ve küçük bir API çalıştırmak için 2 GB RAM yeterlidir.

Xeon VDS 1

2 Çekirdek · 2 GB ECC · 40 GB SSD · 1 Gbps

₺123,90/ay + KDV
Sipariş ver

Vue ve arka uç

Laravel, Django ya da Node.js arka ucunu ve veritabanını aynı sunucuda çalıştırmak için 4 GB RAM.

Xeon VDS 2

2 Çekirdek · 4 GB ECC · 40 GB SSD · 1 Gbps

₺163,90/ay + KDV
Sipariş ver

Birden çok uygulama

Birkaç ön yüzü ve arka ucu birlikte barındırmak, derlemeleri sunucuda yapmak için 4 çekirdek ve 6 GB RAM.

Xeon VDS 3

4 Çekirdek · 6 GB ECC · 40 GB SSD · 1 Gbps

₺203,90/ay + KDV
Sipariş ver

Nasıl başlarım?

  1. 1Siparişte Ubuntu 24.04 ya da Debian seçin; nginx ve Node.js'i kurun.
  2. 2Laravel + Inertia kullanıyorsanız npm run build'i Laravel projesinin içinde çalıştırın; dosyalar public/build altına yazılır, ayrı bir Nginx ayarı gerekmez.
  3. 3Bağımsız bir Vue projesinde npm ci && npm run build ile derleyin; çıktı dist klasöründe oluşur.
  4. 4Nginx'te root olarak dist klasörünü gösterin ve history modu için try_files $uri $uri/ /index.html; ekleyin.
  5. 5Arka uç API'nizi kendi servisiyle çalıştırıp /api yolunu ona yönlendirin, certbot --nginx ile SSL alın.

Dakikalar içinde teslim

Ödeme sonrası otomatik kurulum; erişim bilgileriniz panelinize gelir.

İstanbul lokasyonu

Vodafone İstanbul veri merkezi, Türkiye'ye düşük gecikme.

DDoS koruması

Saldırı trafiği ücretsiz olarak süzülür.

7/24 Türkçe destek

Bağlantı sorunlarını çözer, istenirse işletim sistemini kurarız.

Taşıma desteği

Mevcut sunucunuzdan geçişte yardımcı oluruz.

Toplu alım

Birden fazla sunucu için indirim, destek talebiyle.

Sıkça sorulan sorular

Vue Router'ın history modunda adresler sunucuda gerçek dosyalara karşılık gelmez. Nginx'e try_files $uri $uri/ /index.html; kuralını eklediğinizde tüm yollar uygulamaya yönlenir.

Arama motorlarında görünmesi önemli olan ve sunucu taraflı render isteyen siteler için Nuxt; giriş yapılarak kullanılan paneller ve iç araçlar için düz Vue + Vite yeterlidir.

Vue CLI ile derlenen Vue 2 projelerinde çıktı yine dist klasörüne yazılır; Nginx tarafındaki ayar aynıdır.

Tüm kullanım alanları