Eleventy (11ty) toma tus plantillas y tu Markdown y escribe HTML simple en _site/, sin framework del lado del cliente a menos que añadas uno. Una carpeta de archivos simples es lo más fácil de alojar: ejecuta el build, luego npx lobsite, y el sitio estará publicado en una dirección *.lobsite.app con HTTPS. También puedes soltar _site/ en la caja de arriba.
Cómo funciona
- Compila el sitio con
npx @11ty/eleventy(o tunpm run build). Eleventy lo escribe en_site/. - Ejecuta
npx lobsiteen el proyecto. Encuentra_site/y lo despliega. El primer deploy no necesita cuenta y dura 6 horas. - Consérvalo con el enlace para reclamarlo, en una cuenta gratuita. La carpeta se guarda en
lobsite.toml, así que los deploys siguientes van al mismo sitio.
Ajustes de Eleventy que importan en Lobsite
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- La copia passthrough es como las imágenes, las fuentes y el CSS llegan a
_site/. Un archivo que no es plantilla y no se copia no se despliega, así que si falta algo en el sitio publicado, comprueba primero que esté en_site/. pathPrefixse queda en/: el sitio se sirve desde la raíz de su dirección.- La carpeta de salida puede seguir siendo
_site. Si la cambias, indica la carpeta una vez (npx lobsite ./dist) y se recuerda enlobsite.toml.
Permalinks, imágenes y archivos obsoletos
Eleventy escribe about.md como about/index.html, que se abre en /about/; un permalink que termina en .html se abre sin la extensión. Las imágenes procesadas por @11ty/eleventy-img se escriben durante el build, así que se despliegan como cualquier otro archivo, y las que no cambian no se vuelven a subir. Como la mayoría de los generadores, Eleventy no vacía _site/ antes de un build: una página que renombraste deja atrás su archivo antiguo. Borra _site/ antes de compilar (muchos starters lo hacen en el script build) para desplegar solo las páginas actuales.
Los archivos se guardan por su hash. Volver a desplegar un sitio sin cambios sube 0 bytes.
Previsualiza antes de publicar. Vuelve atrás con un clic, redirecciones incluidas.
Cada sitio recibe una dirección *.lobsite.app con HTTPS desde el primer deploy.
Apunta un formulario a /_lobsite/forms/contact. Filtro de spam incluido.
Un deploy sin cuenta está publicado 6 horas. El enlace para reclamarlo lo conserva, gratis.
Las redirecciones, cabeceras y formularios están en lobsite.toml y viajan con cada deploy.
Comparativa de hostings para Eleventy
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Compila Eleventy por ti | No: despliegas _site/ |
Sí | Sí | En GitHub Actions |
| Cuenta antes del primer deploy | No: publicado 6 horas, luego consérvalo gratis | Sí | Sí | Sí, y un repositorio |
| Solo se suben los archivos cambiados | Sí | Sí | Sí | Mediante Git |
| URL de vista previa para cada deploy | Sí | Sí | Sí | No |
| Formularios sin backend | Sí, cuando el sitio está en una cuenta | Sí | No | No |
| Dominio propio | Sí, gratis | Sí | Sí | Sí |
Netlify lleva mucho tiempo siendo el hogar por defecto de los sitios de Eleventy, y compila desde Git. Lobsite te encaja cuando compilas en local o en CI y quieres el resultado publicado con un comando, desde una terminal o un agente de IA, sin nada que configurar.
Preguntas frecuentes
¿11ty es lo mismo que Eleventy?
Sí. 11ty es el nombre corto de Eleventy, y el paquete es @11ty/eleventy. Todo lo de esta página vale para ambos nombres.
¿Por qué faltan mis imágenes en el sitio de Eleventy desplegado?
Probablemente no están en _site/. Añade una copia passthrough para la carpeta (eleventyConfig.addPassthroughCopy("img")), vuelve a compilar y despliega.
¿Funciona en Lobsite el renderizado serverless o edge de Eleventy?
No. Lobsite sirve los archivos de _site/; las funciones que renderizan páginas en cada petición necesitan un hosting que ejecute funciones. Las páginas generadas de antemano, que son la mayoría de los sitios de Eleventy, funcionan todas.
¿Puedo darle a mi sitio de Eleventy una página 404 propia?
Sí. Crea una plantilla con permalink: 404.html; Lobsite la sirve con estado 404 para cualquier dirección que no exista.