Es un starter pensado para freelance cuyo primer idioma es el español. Mejor aún si son oyentes de Web Reactiva
Hijo de eleventail y jamstack-web-starter pero principalmente del trabajo de Marc Filleul con su MF Blog Starter.
Además esta plantilla usa masivamente los componentes y templates ofrecidos por mert.dev.
La esencia de este starter está en:
-
Eleventy para la generación del sitio y la gestión de las plantillas.
-
Tailwindcss para la maquetación.
-
PostCSS se encarga de:
- TailwindCSS
- Autoprefixer
- PurgeCSS para borrar el CSS que no se usa
-
Usamos la fuente Inter
-
Aviso legal de Cookies de la mano de Cookie Notice
-
Formulario de contacto con FormSpree
-
HTML minificado en producción
-
CSS minificado en producción
-
Scripts optimizados para producción
-
El
<head>
tomado de htmlhead.dev
- Clonar el repositorio.
- Ejecutar
npm install
. - Con
npm run watch
se arranca Eleventy y la compilación de ficheros CSS. - Con
npm run build
se compila la versión para producción.
- Modificar todos los parámetros del sitio en
src/_data/site.js
- Si quieres utilizar el formulario de contacto con FormSpree debes darte de alta y usar el correo configurado en el fichero anterior
- Los enlaces del menú principal se modifican en
src/_data/navigation.js
- Modificar las imágenes de base en
src/assets/img
- Los estilos pueden usar la sintaxis de
postcss-nested
y ubicarse ensrc/_css/main.css
- Los bloques de código usan estilos de PrismJS definidos en
src/_css/prism.css
Mi enterno agradecimiento a la plantilla de Marc Filleul que en la inspiración y la base de esta plantilla.
También a todas los integrantes del primer Grupo de trabajo de Developers Optimistas de la Zona Premium.
A través de las issues del repositorio de Github y en https://www.danielprimo.io