React Uygulamaları İçin En Uygun VDS Paketi
Tek sayfalık bir React uygulaması derlendiğinde ortaya bir index.html ile JavaScript ve CSS dosyalarından oluşan bir dist klasörü çıkar; bu dosyaları sunmak için Node.js bile gerekmez, Nginx yeterlidir. Asıl ihtiyaç genellikle uygulamanın konuştuğu arka uçtur: API, veritabanı ve kimlik doğrulama aynı VDS'te çalışınca CORS ayarlarıyla uğraşmadan her şeyi tek alan adı altında toplarsınız. React Router kullanıyorsanız Nginx'e bilinmeyen yolları index.html'e yönlendirmesini söylemeniz gerekir.
Önerilen işletim sistemi: Ubuntu 24.04, Debian 13
En uygun paket
Xeon VDS 1
Yalnız derlenmiş uygulama
- vCPU
- 2 Çekirdek
- RAM
- 2 GB ECC
- Disk
- 40 GB SSD
- Bağlantı
- 1 Gbps
Neden bu paket?
- Derlenmiş React dosyalarını Nginx çok az kaynakla sunar; sunucunun gücünü arka uca ve veritabanına ayırırsınız.
- API'yi aynı sunucuda /api yolu altında yayınlayarak CORS ayarına ve ayrı alan adına gerek bırakmazsınız.
- Tam yetkiyle Nginx'te gzip sıkıştırma ve uzun süreli önbellek başlıklarını kendiniz ayarlarsınız.
- 1 Gbps bağlantı ve limitsiz trafik, büyük JavaScript paketlerinin ve görsellerin ziyaretçilere çabuk ulaşmasını sağlar.
İhtiyacınıza göre paket
Küçük başlayın; büyüdükçe paketinizi yükseltebilirsiniz.
Yalnız derlenmiş uygulama
Vite çıktısını Nginx ile sunmak ve derlemeyi sunucuda yapmak için 2 GB RAM yeterlidir.
Xeon VDS 1
2 Çekirdek · 2 GB ECC · 40 GB SSD · 1 Gbps
React ve arka uç API
Node.js, Python ya da PHP ile yazılmış bir API'yi 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
Nasıl başlarım?
- 1Siparişte Ubuntu 24.04 ya da Debian 13 seçin; nginx'i ve derlemeyi sunucuda yapacaksanız Node.js'i kurun.
- 2npm run build ile projeyi derleyin; Vite çıktısı dist klasörüne yazılır.
- 3dist içeriğini /var/www/uygulama gibi bir dizine kopyalayıp Nginx'te root olarak gösterin.
- 4React Router için location / bloğuna try_files $uri $uri/ /index.html; satırını ekleyin.
- 5API'nizi ayrı bir süreçte çalıştırıp Nginx'te /api yolunu ona yönlendirin, certbot 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
Yalnız statik dosyalardan oluşan bir uygulama web hosting paketlerimizde de sunulabilir. Arka uç API, veritabanı ya da sunucu tarafı render gerekiyorsa VDS uygundur.
CRA'da npm run build çıktısı build klasörüne yazılır; Nginx'te root olarak bu klasörü gösterirsiniz. Diğer adımlar aynıdır.
Vite, VITE_ önekli değişkenleri derleme anında koda gömer. Değeri değiştirdiğinizde projeyi yeniden derlemeniz gerekir.
SSR için Next.js ya da React Router'ın çatı modu gibi bir Node.js sunucusu gerekir; uygulamayı PM2 ile çalıştırıp Nginx'in arkasına alırsınız.
Benzer kullanım alanları
Aynı türdeki diğer işler için önerdiğimiz paketler.
Node.js
Node.js VDS: API, web uygulaması ve botlarınız için en uygun VDS paketi. Tam yetki, PM2 ile 7/24 çalışma, ücretsiz DDoS koruması, İstanbul lokasyonu.
Python
Python VDS: betiklerinizi, web uygulamalarınızı ve zamanlanmış görevlerinizi 7/24 çalıştırın. Tam yetki, venv ve systemd ile kesintisiz çalışma, İstanbul.
Java
Java VDS: JAR, WAR ve Tomcat uygulamalarınız için JVM belleğine göre seçilmiş VDS paketi. Tam yetki, istediğiniz OpenJDK sürümü, İstanbul lokasyonu.
PHP
PHP sunucu: PHP-FPM, Nginx ya da Apache ve OPcache'i kendiniz ayarladığınız tam yetkili VDS. İstediğiniz PHP sürümü ve eklentileri, İstanbul lokasyonu.
Go (Golang)
Golang VDS: tek ikili dosya olarak derlenen Go servisleriniz için en uygun VDS paketi. systemd ile 7/24 çalışma, tam yetki, ücretsiz DDoS koruması, İstanbul.
Rust (programlama dili)
Rust VDS: Axum, Actix Web ya da kendi Rust servisiniz için yüksek tek çekirdek performanslı VDS. cargo build --release ile derleyin, systemd ile çalıştırın.