Astro bouwt standaard een statische site: elke pagina wordt een HTML-bestand in dist/, met alleen het JavaScript dat je islands nodig hebben. Die map is alles wat Lobsite nodig heeft. Voer npm run build uit, dan npx lobsite in het project, en de site staat live op een *.lobsite.app-adres met HTTPS. Je kunt dist/ ook naar het vak hierboven slepen.
Zo werkt het
- Bouw de site met
npm run build(dat isastro build). De pagina's, afbeeldingen en scripts komen indist/. - Voer
npx lobsiteuit in het project. Het deploytdist/, nietpublic/, dat Astro al naar de build heeft gekopieerd. De eerste deploy heeft geen account nodig en duurt 6 uur. - Houd hem met de claimlink, in een gratis account. De map wordt opgeslagen in
lobsite.toml, dus de volgende build deploy je met dezelfdenpx lobsite.
Instellingen in astro.config.mjs om te controleren
import { defineConfig } from "astro/config";
export default defineConfig({
site: "https://my-site.lobsite.app",
trailingSlash: "ignore",
});
siteis je volledige adres. Astro gebruikt het voor canonieke URL's,Astro.siteen de sitemap van@astrojs/sitemap. Zet het op je*.lobsite.app-adres en verander het als je naar je eigen domein gaat.baseblijft leeg: de site wordt geserveerd vanaf de top van zijn adres, niet vanuit een submap zoals een GitHub Pages-projectsite.build.formatkan op de standaard blijven.about/index.htmlopent op/about/, en een bestandabout.htmlop/about.
Wat werkt, en wat een server nodig heeft
Alles wat Astro bij de build rendert, werkt: content collections, Markdown en MDX, afbeeldingen via astro:assets (geoptimaliseerd tijdens de build) en islands van React, Vue, Svelte of Solid, die in de browser draaien. Wat per verzoek draait, werkt niet: pagina's met export const prerender = false, output: "server", Astro Actions en API-endpoints die niet geprerenderd zijn. Die hebben een serveradapter nodig, en Lobsite serveert alleen bestanden. Laat een contactformulier naar /_lobsite/forms/contact wijzen in plaats van naar een Astro Action; zie formulieren.
Bestanden worden op hun hash opgeslagen. Een ongewijzigde site opnieuw deployen uploadt 0 bytes.
Bekijk een voorbeeld voordat het live gaat. Zet in één klik terug, inclusief doorverwijzingen.
Elke site krijgt vanaf de eerste deploy een *.lobsite.app-adres met HTTPS.
Laat een formulier wijzen naar /_lobsite/forms/contact. Spamfilter inbegrepen.
Doorverwijzingen, headers en formulieren staan in lobsite.toml en reizen mee met elke deploy.
Een deploy zonder account is 6 uur live. Met de claimlink houd je hem, gratis.
Astro-hosts vergeleken
| Lobsite | Netlify | Vercel | GitHub Pages | |
|---|---|---|---|---|
| Statische Astro-sites | Ja | Ja | Ja | Ja, met Astro's GitHub Action |
| Serverrendering (adapter) | Nee | Ja | Ja | Nee |
| Build op de server | Nee: je deployt dist/ |
Ja | Ja | In GitHub Actions |
| Account vóór de eerste deploy | Nee: 6 uur live, daarna gratis houden | Ja | Ja | Ja, en een repository |
| Formulieren zonder backend | Ja, zodra de site in een account staat | Ja | Nee | Nee |
| Eigen domein | Ja, gratis | Ja | Ja | Ja |
Worden delen van je site per verzoek gerenderd, kies dan een host met een Astro-adapter. Is de site statisch, wat bij Astro de standaard is, dan deployt Lobsite hem binnen seconden vanaf je computer, vanuit CI of een AI-agent, en worden alleen de bestanden geüpload die een build heeft veranderd.
Veelgestelde vragen
Heb ik een adapter nodig om Astro op Lobsite te hosten?
Nee. Adapters zijn voor serverrendering. Een statische Astro-site, de standaard, heeft geen adapter nodig: deploy de map dist/.
Waarom deployt npx lobsite dist/ en niet public/?
In een Astro-project bevat public/ bestanden die de build ongewijzigd kopieert, zoals favicon.svg. De gebouwde site is dist/. Lobsite ziet astro in package.json en slaat public/ voor je over.
Kan ik een eigen 404-pagina aan mijn Astro-site toevoegen?
Ja. Maak src/pages/404.astro; Astro bouwt het als 404.html, en Lobsite serveert het met status 404 voor elk adres dat niet bestaat.
Werkt de beeldoptimalisatie van Astro?
Ja. astro:assets verkleint en converteert afbeeldingen tijdens astro build, dus de geoptimaliseerde bestanden staan al in dist/ als je deployt. Alleen beelddiensten die per verzoek draaien, hebben een server nodig.