React & Vue PaaS · Git Deploy · SPA / CDN Edge
⚡Railway kadar kolay, VPS kadar özgür

Git Push ile Deploy: Yeni Nesil React & Vue Hosting Deneyimi

Single Page Application (SPA) ve statik siteleriniz için otomatik router fallback, Brotli sıkıştırması ve global edge CDN dağıtımı. Sitelerinizi paylaşımlı hosting kısıtlamalarından kurtarın.

  • ✓ Git Push ile Otomatik Vite/NPM Derlemesi & Sıkıştırma
  • ✓ Index.html Fallback (F5 yenilemelerinde 404 hatasına son)
  • ✓ Global CDN & Brotli ile Milisaniyeler İçinde Sayfa Yükleme
Konteyner Paketlerini İncele₺95.90/ay'dan başlayan fiyatlarlaPaylaşımlı Hosting ile Kıyasla

Geliştirici dostu izole konteyner paketleri ile altyapınızı sınırsız ölçekleyin.

bash — git push skyversal main

$ git push skyversal main

Enumerating objects: 24, done.

Counting objects: 100% (24/24), done.

-> Deploying Static / SPA Application...

✔ React/Vue framework detected

✔ npm install: packages installed successfully

✔ npm run build: Vite compressing assets (Brotli/Gzip)

✔ Edge Deploy: uploading build/dist output to global CDN...

✔ Routing: rewriting dynamic endpoints to index.html

✔ Deployment Successful! Live at https://spa-app.skyversal.site

Geliştiriciler İçin Tasarlanmış İş Akışı

Karmaşık FTP aktarımlarını, sunucu ayarlarını ve veritabanı kilitlenmelerini unutun. Kodunuzu git üzerinden saniyeler içinde canlıya alın.

1

Deponuzu Bağlayın

Mevcut React/Vue projenizin terminalinde Skyversal Git uzak sunucu adresini tanımlayın. Sadece birkaç saniye sürer.

git remote add skyversal git@skyversal.com:app.git
2

Tek Komutla Push Edin

Kodunuzu hazırlayıp git ile Skyversal sunucularına push edin. Pipeline sistemimiz deploy sürecini otomatik başlatır.

git push skyversal main
3

Derleme & CDN Dağıtımı

Bağımlılıklar kurulur, Vite ile derleme alınır ve statik dosyalar Brotli ile sıkıştırılarak global CDN uç noktalarına yüklenir.

// npm install // npm run build (vite build) // edge cdn upload --brotli
💻Alternatif CLI Derleme: Git entegrasyonu yerine Skyversal CLI aracımızla da yerel bilgisayarınızdan tek komutla derleme ve dağıtım başlatabilirsiniz: skyversal deploy

React & Vue Konteyner Paketleri

Her proje için tamamen izole edilmiş işlemci ve bellek kaynakları. Sürpriz ek maliyetler veya CPU aşımları olmadan ölçekleyin.

Yıllık alımda %20 İndirim
Eko PaaS
Giriş seviyesi test ortamları ve kişisel projeler
95,90 ₺/ay + KDV
Yıllık alımda: 959 ₺ + KDV
Hemen Başla
  • ✓1 Konteyner (PaaS Kotası)
  • ✓0,50 vCPU / 1 GB RAM (PaaS Dilimi)
  • ✓5 GB NVMe SSD
  • ✓GitHub / Bitbucket / GitLab Auto Push
  • ✓1 Ücretsiz Subdomain
  • ✓Topluluk Desteği
REACT & VUE
En Çok Tercih Edilen
Starter
Küçük ölçekli SaaS ve aktif web uygulamaları
149,90 ₺/ay + KDV
Yıllık alımda: 1.499 ₺ + KDV
Hemen Başla
  • ✓1 Konteyner (PaaS Kotası)
  • ✓1 vCPU / 1 GB RAM (PaaS Dilimi)
  • ✓5 GB NVMe SSD
  • ✓GitHub / Bitbucket / GitLab Auto Push
  • ✓1 Ücretsiz Subdomain
  • ✓Topluluk Desteği
REACT & VUE
En Popüler
Pro
Gelişmiş projeler, çoklu staging ve production
339,90 ₺/ay + KDV
Yıllık alımda: 3.399 ₺ + KDV
Hemen Başla
  • ✓3 Konteyner (PaaS Kotası)
  • ✓2 vCPU / 3 GB RAM (PaaS Dilimi)
  • ✓10 GB NVMe SSD
  • ✓GitHub / Bitbucket / GitLab Auto Push
  • ✓1 Ücretsiz Subdomain
  • ✓E-posta Desteği
REACT & VUE
Business
Yüksek trafikli SaaS ve kurumsal platformlar
699,90 ₺/ay + KDV
Yıllık alımda: 6.999 ₺ + KDV
Hemen Başla
  • ✓10 Konteyner (PaaS Kotası)
  • ✓4 vCPU / 8 GB RAM (PaaS Dilimi)
  • ✓15 GB NVMe SSD
  • ✓GitHub / Bitbucket / GitLab Auto Push
  • ✓1 Ücretsiz Subdomain
  • ✓E-posta Desteği
  • ✓Priority Build
REACT & VUE
Enterprise

Sana Özel

Bize ulaşın, projenizin ihtiyaçlarına göre özel bulut altyapısı kuralım.

  • ✓Sana özel kaynak limitleri (CPU, RAM)
  • ✓Öncelikli destek & SLA garantisi
  • ✓İhtiyacına göre tam yapılandırma
Teklif Al
🛡

Skyversal ile geceleri rahat uyuyun: Projeniz paylaşımlı sunucularda askıya alınmaz veya işlemci aşımları nedeniyle kapatılmaz. 7/24 aktif uzman kadromuz ve React/Vue/SaaS odaklı danışmanlığımızla altyapınızı tamamen güvenceye alıyoruz.

Paylaşımlı Hosting SPA Siteleri Neden Kısıtlar?

Neden cPanel tabanlı standart hosting servisleri yerine konteyner tabanlı PaaS mimarisini seçmelisiniz? Karşılaştırın.

Altyapı ParametresiKlasik Paylaşımlı HostingSkyversal SPA PaaS
Yönlendirme & Router Kuralları
SPA Router Fallback (index.html rewrite)Desteklenmez (Manuel .htaccess veya nginx.conf yazılması gerekir)✓ Otomatik (Yönlendiricimiz alt sayfaları otomatik index.html'e rewrite eder)
Statik Sıkıştırma (Brotli & Gzip)Sadece Gzip (Brotli desteği genelde kapalıdır)✓ Brotli (Edge düzeyinde otomatik yüksek oranlı Brotli sıkıştırması)
Dağıtım & CI/CD Özgürlüğü
Git Entegrasyonu & CI/CDYok (Her build dosyasını manuel FTP ile sürükle-bırak yaparsınız)✓ Yerleşik Git Push (Tek komutla otomatik Vite derlemesi ve deployment)
Vite / Webpack Derleme DesteğiDesteklenmez (Build'i lokalde alıp büyük dist klasörünü git'e eklersiniz)✓ Otomatik Pipeline (Vite sunucuda otomatik derlenir)
Node.js & npm Sürüm SeçimiKısıtlı (Sunucu yöneticisinin kurduğu tek sürüm)✓ package.json engines alanından Node sürümünü saniyeler içinde belirleme
Güvenlik & CDN Performansı
Global Edge CDN DağıtımıYok (Sadece sunucunun bulunduğu fiziksel konumdan servis edilir)✓ Dahili CDN (Tüm derleme çıktıları anında küresel CDN düğümlerine basılır)
Noisy Neighbor (Komşu Performans Hırsızlığı)Yüksek Risk (Aynı sunucudaki başka siteler işlemciyi sömürür)Risk Yok (Her React/Vue projesi tamamen izole konteyner ortamındadır)
Performans ve Hız

Brotli & Gzip Sayfa Sıkıştırma

Web uygulamanızın boyutunu küçültmek, ilk yükleme süresini (FCP) doğrudan azaltır. Statik derleme dosyalarınız sunucuda otomatik sıkıştırılır.

  • ✓Lokal Gzip'e kıyasla %30 daha yüksek sıkıştırma sunan Brotli
  • ✓NVMe SSD disk yapısı ile milisaniyeler içinde static asset sunumu
  • ✓Önbellek (Cache-Control) başlıklarının HTTP düzeyinde otomatik ayarı
İş Akışı ve Otomasyon

Otomatik Vite/NPM Pipeline

Sadece kodunuza odaklanın. Git üzerinden push ettiğinizde pipeline sunucularımız npm bağımlılıklarını kurar ve vite build komutunu çalıştırarak client varlıklarını derler.

  • ✓npm veya yarn paketlerinin otomatik algılanıp kurulması
  • ✓Herhangi bir ek sunucu yapılandırması gerektirmeden derleme
  • ✓Zero-downtime deploy ile kesintisiz kullanıcı geçişi
Yönlendirme ve CDN

Dahili SPA Router Fallback

React Router, Vue Router veya SvelteKit client-side yönlendiricileri alt sayfalarda yenileme yapıldığında normalde 404 hatası verir. Skyversal bunu otomatik çözer.

  • ✓Gelen tüm istekleri otomatik olarak index.html'e yönlendirme
  • ✓Dağıtık Edge CDN yapısı ile statik dosyaların dünyadan hızlı açılması
  • ✓Konteyner bazlı izole çevre değişkenleri enjeksiyonu
Türkiye Lokasyon
Türkiye Lokasyon
Düşük gecikme süresi
Ücretsiz SSL
Ücretsiz SSL
Tüm sitelerinizde
DDoS Koruması
DDoS Koruması
Güvenli network
Haftalık Yedek
Haftalık Yedek
Bulut yedekleme
7/24 Destek
7/24 Destek
Uzman ekip desteği
Anında Aktivasyon
Anında Aktivasyon
Kurulum gerektirmez

Aklınıza Takılanları Satış Ekibimize Sorun

📞
Telefon ile Destek
0850 840 5125
✉
E-Posta ile Destek
hello@skyversal.com
💬
Canlı Destek
Destek Talebi Gönderin

Size Yardımcı Olabilecek Rehberler

React ve Vue.js Projelerini Skyversal ile Deploy Etme (Vite Zero-Config)
Dokümantasyon
React ve Vue.js Projelerini Skyversal ile Deploy Etme (Vite Zero-Config)

Zero-config altyapımızla React/Vue.js Git deponuzu bağlama, derleme adımları ve yayına alma kılavuzu.

Client-Side Routing ve Nginx SPA Yapılandırması (404 Çözümü)
Dokümantasyon
Client-Side Routing ve Nginx SPA Yapılandırması (404 Çözümü)

React Router ve Vue Router kullanan sitelerin sayfa yenilemede 404 vermesini önleyen Ingress kuralları.

Skyversal CLI: Geliştiriciler İçin Uçuş Kontrol Merkezi
Dokümantasyon
Skyversal CLI: Geliştiriciler İçin Uçuş Kontrol Merkezi

Skyversal CLI aracının terminal üzerinden kurulumu, local build, deploy ve çevre değişkenleri yönetimi.

React & Vue Hosting Sıkça Sorulan Sorular

SPA routing kuralları, Vite derlemesi, CDN dağıtımı, Brotli sıkıştırma ve altyapı limitleri hakkında merak ettiğiniz geliştirici soruları.

React & Vue Hosting, Single Page Application (SPA) ve statik web sitelerinin gereksinim duyduğu derleme pipeline'ını, Brotli/Gzip sıkıştırmasını, edge önbellek yönetimini ve index.html fallback (rewrite) yönlendirmelerini tek bir çatı altında sunan PaaS hizmetidir.

Klasik paylaşımlı hostinglerin aksine projenizi Git üzerinden push ettiğinizde otomatik derlenir ve statik varlıklarınız küresel CDN ağına basılarak milisaniyeler düzeyinde açılması sağlanır.

Hayır, kesinlikle vermez. Skyversal Ingress ağ yönlendiricileri, SPA (Single Page Application) mimarisine uygun olarak yapılandırılmıştır. Dosya/klasör olarak karşılığı bulunmayan tüm alt sayfa istekleri otomatik olarak uygulamanızın ana giriş kapısı olan index.html dosyasına yönlendirilir. Böylece istemci tarafı yönlendirmeleriniz sıfır hata ile çalışır.

Evet. Git push yaptığınızda, Skyversal derleme sunucusu projenizin kök dizinindeki bağımlılıkları yükler (npm install) ve ardından npm run build (veya Vite/Webpack build scriptiniz) komutunu çalıştırarak derleme çıktısını otomatik üretir. Yerel bilgisayarınızda derleyip git deponuzu şişirmenize gerek kalmaz.

Oldukça hızlıdır. Derleme tamamlandıktan sonra üretilen dist/build klasöründeki tüm statik dosyalar (HTML, JS, CSS, resimler) anında sıkıştırılarak dünya çapındaki CDN uç noktalarımıza senkronize edilir. Bu işlem saniyeler içinde tamamlanır ve projeniz globalde yayına girer.

Brotli, modern tarayıcılar tarafından desteklenen çok gelişmiş bir sıkıştırma algoritmasıdır. Klasik Gzip sıkıştırmasına göre metin bazlı dosyaları (JS, CSS, HTML) %20 ila %35 oranında daha fazla sıkıştırarak dosya boyutlarını küçültür. Skyversal CDN altyapısında tüm varlıklarınız Brotli ile servis edildiği için siteniz ışık hızında açılır.

Projenizde kullandığınız çevre değişkenlerini git deponuzda tutmamalısınız. Bunun yerine Skyversal PaaS paneli üzerinden projenizin Çevre Değişkenleri (Environment Variables) alanına VITE_API_URL veya REACT_APP_API_URL gibi değişkenleri ekleyebilirsiniz. Bu değişkenler sunucudaki build adımı sırasında otomatik olarak kodunuza gömülecektir.

Hayır. Skyversal üzerinde barındırdığınız tüm React, Vue veya statik sitelere dilediğiniz özel alan adını (custom domain) bağlayabilirsiniz. Alan adınızı yönlendirdiğiniz anda ücretsiz Let's Encrypt SSL sertifikanız otomatik tanımlanır ve periyodik olarak yenilenir.

Projenizin kök dizinindeki package.json dosyasında bulunan engines.node alanını (örneğin: ">=18.0.0" veya "20.x") güncelleyerek platformumuzun projenizi hangi Node.js sürümüyle derleyeceğini saniyeler içinde belirleyebilirsiniz.

React & Vue Projenizi Bugün Buluta Taşıyın

Gelişmiş konteyner mimarisi ve git-push kolaylığıyla deploy etmeye hemen başlayın.

Paketleri İnceleTeknik Danışmanlık Alın
Sorularınız mı var? Bize yazın →