micro site

Micro front-end obstinado que se puede utilizar para crear un one-pager . Ideal para páginas de destino o páginas de registro. Utiliza el generador de sitios estáticos Eleventy (11ty) bajo el capó y establece valores predeterminados comunes de 11ty .

Características

• Incorpora y minimiza CSS usando clean-css
• Incorpora y minimiza JavaScript usando terser
• Incluye un archivo de datos globales metadata.json
• Incluye una plantilla de diseño base.njk
• Incluye una assets folder para archivos estáticos (imágenes, fuentes, etc.)

Este es un proyecto *esqueleto, por lo que no incluye ningún componente ni estilo básico. Es un *trae tu propia interfaz.

Uso

1. Actualice el archivo metadata.json con los detalles de su propio sitio
2. ¡Edite el archivo index.njk y comience a codificar su sitio web!
3. Opcional: implemente el sitio en Netlify.

Instalar

Requiere node.js y npm

Siga estos pasos para comenzar:

1. Clonar el proyecto

 $ git clone https://github.com/systemdes/micro-site.git

2. Instalar las dependencias para estos proyectos.

 npm i

3. entonces hazlo

 npm run dev

para iniciar live-reloadzz en un servidor de desarrollo local.

Estructura del proyecto

 micro-site/
├── _site/                // output folder of 11ty
├── _data/
│   └── metadata.json     // metadata for the website
├── _includes/
│   ├── style.css         // minified and inlined
│   ├── script.js         // minified and inlined
│   └── base.njk          // base layout
├── assets/               // passtrough copy
├── index.njk/            // landing page
└── .eleventy.js          // 11ty configurations

Hoja de ruta

• Optimización de imágenes con eleventy-image
• Almacenamiento en caché de activos con eleventy-cache-assets
• Soporte de resaltado de sintaxis con eleventy-plugin-syntaxhiglight

Licencia

MIT © Danny de Vries