Astro bygger som standard et statisk nettsted: hver side blir en HTML-fil i dist/, med bare JavaScript-en øyene dine trenger. Den mappen er alt Lobsite trenger. Kjør npm run build, så npx lobsite i prosjektet, og nettstedet er live på en *.lobsite.app-adresse med HTTPS. Du kan også slippe dist/ i feltet over.
Slik fungerer det
- Bygg nettstedet med
npm run build(altsåastro build). Sidene, bildene og skriptene havner idist/. - Kjør
npx lobsitei prosjektet. Den deployerdist/, ikkepublic/, som Astro allerede har kopiert inn i bygget. Første deploy trenger ingen konto og varer i 6 timer. - Behold det med krav-lenken, i en gratis konto. Mappen lagres i
lobsite.toml, så neste bygg deployes med sammenpx lobsite.
Innstillinger i astro.config.mjs som er verdt å sjekke
import { defineConfig } from "astro/config";
export default defineConfig({
site: "https://my-site.lobsite.app",
trailingSlash: "ignore",
});
siteer den fullstendige adressen din. Astro bruker den til kanoniske URL-er,Astro.siteog sitemapen fra@astrojs/sitemap. Sett den til*.lobsite.app-adressen din, og endre den når du flytter til ditt eget domene.baseforblir tom: nettstedet leveres fra toppen av adressen, ikke fra en undermappe som et prosjektnettsted på GitHub Pages.build.formatkan stå på standard.about/index.htmlåpnes på/about/, og enabout.html-fil på/about.
Hva som fungerer, og hva som trenger en server
Alt Astro rendrer ved bygging fungerer: content collections, Markdown og MDX, astro:assets-bilder (optimalisert under bygget) og øyer fra React, Vue, Svelte eller Solid, som kjører i nettleseren. Det som kjører per forespørsel fungerer ikke: sider med export const prerender = false, output: "server", Astro Actions og API-endepunkter som ikke er forhåndsrendret. De trenger en serveradapter, og Lobsite leverer bare filer. Pek et kontaktskjema mot /_lobsite/forms/contact i stedet for en Astro Action; se skjemaer.
Filer lagres etter hash. Å deploye et uendret nettsted på nytt laster opp 0 byte.
Forhåndsvis før du går live. Rull tilbake med ett klikk, inkludert videresendinger.
Hvert nettsted får en *.lobsite.app-adresse med HTTPS fra første deploy.
Pek et skjema mot /_lobsite/forms/contact. Spamfilter inkludert.
Videresendinger, headere og skjemaer ligger i lobsite.toml og følger med hver deploy.
En deploy uten konto er live i 6 timer. Med krav-lenken beholder du den, gratis.
Astro-verter sammenlignet
| Lobsite | Netlify | Vercel | GitHub Pages | |
|---|---|---|---|---|
| Statiske Astro-nettsteder | Ja | Ja | Ja | Ja, med Astros GitHub Action |
| Serverrendering (adapter) | Nei | Ja | Ja | Nei |
| Bygger på serveren | Nei: du deployer dist/ |
Ja | Ja | I GitHub Actions |
| Konto før første deploy | Nei: live i 6 timer, så behold det gratis | Ja | Ja | Ja, og et repository |
| Skjemaer uten backend | Ja, når nettstedet er i en konto | Ja | Nei | Nei |
| Eget domene | Ja, gratis | Ja | Ja | Ja |
Rendres deler av nettstedet ditt per forespørsel, velg en vert med Astro-adapter. Er nettstedet statisk, som er Astros standard, deployer Lobsite det på sekunder fra maskinen din, CI eller en AI-agent, og bare filene et bygg har endret, lastes opp.
Ofte stilte spørsmål
Trenger jeg en adapter for å hoste Astro på Lobsite?
Nei. Adaptere er for serverrendering. Et statisk Astro-nettsted, standarden, trenger ingen adapter: deploy mappen dist/.
Hvorfor deployer npx lobsite dist/ og ikke public/?
I et Astro-prosjekt inneholder public/ filer bygget kopierer som de er, som favicon.svg. Det bygde nettstedet er dist/. Lobsite ser astro i package.json og hopper over public/ for deg.
Kan jeg legge til en egen 404-side på Astro-nettstedet?
Ja. Lag src/pages/404.astro; Astro bygger den som 404.html, og Lobsite leverer den med status 404 for alle adresser som ikke finnes.
Fungerer Astros bildeoptimalisering?
Ja. astro:assets endrer størrelse og konverterer bilder under astro build, så de optimaliserte filene ligger allerede i dist/ når du deployer. Bare bildetjenester som kjører per forespørsel trenger en server.