Instalación

✅ Requisitos para instalar 11ty

1. Node.js y npm

• Necesario: Sí, Eleventy está construido sobre Node.js.
• Instala desde: nodejs.org
• Tamaño aproximado:
  • Node.js: ~50–70 MB
  • npm viene incluido (~5 MB más)
• Versión recomendada: Node 18 o superior

2. Editor de código (opcional pero recomendado)

• Visual Studio Code es ideal.
• Tamaño: ~200 MB

3. Terminal (cmd, PowerShell, Bash, etc.)

• Viene integrado en tu sistema.

---

✅ Pasos básicos para instalación de 11ty

1. Instala Node.js

• Asegúrate de que node -v y npm -v funcionen en terminal.

2. Crea una carpeta para tu proyecto

mkdir mi-sitio-11ty
cd mi-sitio-11ty

3. Inicializa el proyecto con npm

npm init -y

4. Instala 11ty localmente

npm install @11ty/eleventy --save-dev

• Peso aproximado: ~15–30 MB (varía según dependencias)

5. Crea un script de ejecución en package.json

Agrega en "scripts":

"start": "eleventy --serve"

6. Crea tus archivos (index.md, .eleventy.js, etc.)

Luego ejecuta:

npm run start

---

💡 Total de peso aproximado

Tecnología	Tamaño aprox.
Node.js + npm	55–75 MB
11ty (local)	15–30 MB
VS Code (opcional)	~200 MB
Proyecto base	~1–5 MB

---

✅ PASOS PARA INSTALAR UN THEME EN 11TY

1. Busca un theme

• Puedes usar:
  • 11ty.dev > Themes
  • Repositorios de GitHub: busca “11ty starter” o “11ty theme”.

2. Clona el repositorio del theme

Ejemplo usando Git:

git clone https://github.com/<usuario>/<repo-del-theme>.git mi-sitio
cd mi-sitio

3. Instala las dependencias

Una vez dentro de la carpeta:

npm install

4. Levanta el sitio

Normalmente:

npm run start

O si no tiene script configurado:

npx @11ty/eleventy --serve

---

🛠️ Lo que se puede modificar

• Contenido: en /src o /content según el theme.
• Configuración: en .eleventy.js.
• Estilos: en /css, /styles, /assets, etc.