Hosting per Eleventy (11ty)

Eleventy (11ty) prende i tuoi template e il tuo Markdown e scrive HTML semplice in _site/, senza framework lato client a meno che tu non ne aggiunga uno. Una cartella di file semplici è la cosa più facile da ospitare: esegui la build, poi npx lobsite, e il sito è online a un indirizzo *.lobsite.app con HTTPS. Puoi anche trascinare _site/ nel riquadro qui sopra.

Come funziona

1. Fai la build del sito con npx @11ty/eleventy (o il tuo npm run build). Eleventy lo scrive in _site/.
2. Esegui npx lobsite nel progetto. Trova _site/ e lo pubblica. Il primo deploy non richiede account e dura 6 ore.
3. Tienilo con il link per rivendicarlo, in un account gratuito. La cartella viene salvata in lobsite.toml, così i deploy successivi vanno sullo stesso sito.

Le impostazioni di Eleventy che contano su Lobsite

// eleventy.config.js
export default function (eleventyConfig) {
  eleventyConfig.addPassthroughCopy("img");
  eleventyConfig.addPassthroughCopy("css");
}

export const config = {
  dir: { input: "src", output: "_site" },
};

• La passthrough copy è il modo in cui immagini, font e CSS arrivano in _site/. Un file che non è un template e non viene copiato non verrà pubblicato, quindi se manca qualcosa sul sito online, controlla prima che sia in _site/.
• pathPrefix resta /: il sito è servito dalla radice del suo indirizzo.
• La cartella di output può restare _site. Se la cambi, indica la cartella una volta (npx lobsite ./dist) e viene ricordata in lobsite.toml.

Permalink, immagini e file obsoleti

Eleventy scrive about.md come about/index.html, che si apre a /about/; un permalink che finisce in .html si apre senza l'estensione. Le immagini elaborate da @11ty/eleventy-img vengono scritte durante la build, quindi si pubblicano come qualsiasi altro file, e quelle invariate non vengono ricaricate. Come la maggior parte dei generatori, Eleventy non svuota _site/ prima di una build: una pagina rinominata lascia indietro il vecchio file. Elimina _site/ prima della build (molti starter lo fanno nello script build) per pubblicare solo le pagine attuali.

Hosting per Eleventy a confronto

Netlify è da tempo la casa predefinita dei siti Eleventy, e fa la build da Git. Lobsite fa per te quando fai la build in locale o in CI e vuoi il risultato online con un comando, da un terminale o da un agente IA, senza nulla da configurare.

Domande frequenti

11ty è la stessa cosa di Eleventy?

Sì. 11ty è il nome breve di Eleventy, e il pacchetto è @11ty/eleventy. Tutto ciò che c'è in questa pagina vale per entrambi i nomi.

Perché le mie immagini mancano sul sito Eleventy pubblicato?

Probabilmente non sono in _site/. Aggiungi una passthrough copy per la cartella (eleventyConfig.addPassthroughCopy("img")), rifai la build e pubblica.

Il rendering serverless o edge di Eleventy funziona su Lobsite?

No. Lobsite serve i file in _site/; le funzionalità che generano le pagine a ogni richiesta richiedono un hosting che esegua funzioni. Le pagine generate in anticipo, cioè la maggior parte dei siti Eleventy, funzionano tutte.

Posso dare al mio sito Eleventy una pagina 404 personalizzata?

Sì. Crea un template con permalink: 404.html; Lobsite lo serve con stato 404 per ogni indirizzo che non esiste.