Astro varsayılan olarak statik bir site derler: her sayfa, yalnızca adalarınızın (islands) ihtiyaç duyduğu JavaScript ile birlikte dist/ içinde bir HTML dosyasına dönüşür. Lobsite'ın ihtiyacı olan tek şey bu klasördür. npm run build, ardından projede npx lobsite çalıştırın; site HTTPS'li bir *.lobsite.app adresinde yayına girer. dist/ klasörünü yukarıdaki kutuya da bırakabilirsiniz.
Nasıl çalışır
- Siteyi
npm run buildile derleyin (yaniastro build). Sayfalar, görseller ve betiklerdist/içine gelir. - Projede
npx lobsiteçalıştırın. Astro'nun derlemeye zaten kopyaladığıpublic/klasörünü değil,dist/klasörünü deploy eder. İlk deploy hesap gerektirmez ve 6 saat sürer. - Ücretsiz bir hesapta, sahiplenme bağlantısıyla koruyun. Klasör
lobsite.tomliçine kaydedilir; bir sonraki derleme aynınpx lobsiteile deploy edilir.
astro.config.mjs içinde kontrol etmeye değer ayarlar
import { defineConfig } from "astro/config";
export default defineConfig({
site: "https://my-site.lobsite.app",
trailingSlash: "ignore",
});
site, tam adresinizdir. Astro onu kanonik URL'ler,Astro.siteve@astrojs/sitemapsite haritası için kullanır.*.lobsite.appadresinize ayarlayın ve kendi alan adınıza geçtiğinizde değiştirin.baseboş kalır: site, bir GitHub Pages proje sitesindeki gibi alt klasörden değil, adresinin en üstünden sunulur.build.formatvarsayılanında kalabilir.about/index.html/about/adresinde,about.htmldosyası ise/aboutadresinde açılır.
Neler çalışır, neler sunucu gerektirir
Astro'nun derleme sırasında oluşturduğu her şey çalışır: content collections, Markdown ve MDX, astro:assets görselleri (derleme sırasında optimize edilir) ve tarayıcıda çalışan React, Vue, Svelte veya Solid adaları. İstek başına çalışan şeyler çalışmaz: export const prerender = false olan sayfalar, output: "server", Astro Actions ve önceden oluşturulmamış API uç noktaları. Bunlar bir sunucu adaptörü gerektirir; Lobsite ise yalnızca dosya sunar. Bir iletişim formunu Astro Action yerine /_lobsite/forms/contact adresine yönlendirin; bkz. formlar.
Dosyalar hash'lerine göre saklanır. Değişmemiş bir siteyi yeniden deploy etmek 0 bayt yükler.
Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.
Her site ilk deploy'dan itibaren HTTPS'li bir *.lobsite.app adresi alır.
Bir formu /_lobsite/forms/contact adresine yönlendirin. Spam filtresi dahil.
Yönlendirmeler, başlıklar ve formlar lobsite.toml içinde durur ve her deploy ile birlikte gider.
Hesapsız bir deploy 6 saat yayında kalır. Sahiplenme bağlantısı onu ücretsiz olarak korur.
Astro barındırma hizmetleri karşılaştırması
| Lobsite | Netlify | Vercel | GitHub Pages | |
|---|---|---|---|---|
| Statik Astro siteleri | Evet | Evet | Evet | Evet, Astro'nun GitHub Action'ıyla |
| Sunucu tarafı oluşturma (adaptör) | Hayır | Evet | Evet | Hayır |
| Sunucuda derleme | Hayır: dist/ klasörünü deploy edersiniz |
Evet | Evet | GitHub Actions'ta |
| İlk deploy'dan önce hesap | Hayır: 6 saat yayında, sonra ücretsiz koruyun | Evet | Evet | Evet, ve bir depo |
| Backend'siz formlar | Evet, site bir hesaptayken | Evet | Hayır | Hayır |
| Özel alan adı | Evet, ücretsiz | Evet | Evet | Evet |
Sitenizin bazı bölümleri istek üzerine oluşturuluyorsa Astro adaptörü olan bir barındırma seçin. Site statikse (Astro'nun varsayılanı), Lobsite onu makinenizden, CI'dan veya bir yapay zekâ ajanından saniyeler içinde deploy eder ve yalnızca derlemenin değiştirdiği dosyaları yükler.
Sık sorulan sorular
Astro'yu Lobsite'ta barındırmak için adaptör gerekir mi?
Hayır. Adaptörler sunucu tarafı oluşturma içindir. Varsayılan olan statik bir Astro sitesi adaptör gerektirmez: dist/ klasörünü deploy edin.
npx lobsite neden public/ değil de dist/ klasörünü deploy ediyor?
Bir Astro projesinde public/, derlemenin olduğu gibi kopyaladığı favicon.svg gibi dosyaları tutar. Derlenmiş site dist/ klasörüdür. Lobsite package.json içinde astro gördüğünde public/ klasörünü sizin için atlar.
Astro siteme özel bir 404 sayfası ekleyebilir miyim?
Evet. src/pages/404.astro oluşturun; Astro onu 404.html olarak derler ve Lobsite var olmayan her adres için 404 durumuyla sunar.
Astro'nun görsel optimizasyonu çalışır mı?
Evet. astro:assets görselleri astro build sırasında yeniden boyutlandırır ve dönüştürür; deploy ettiğinizde optimize edilmiş dosyalar zaten dist/ içindedir. Yalnızca istek başına çalışan görsel hizmetleri sunucu gerektirir.