micro site

Micro front-end opinativo que pode ser usado para criar um one-pager . Ótimo para landing pages ou páginas de inscrição. Ele usa o gerador de site estático Eleventy (11ty) nos bastidores e define padrões 11ty comuns .

Características

• Inline e minimiza CSS usando clean-css
• Inline e minimiza JavaScript usando terser
• Inclui um arquivo de dados globais metadata.json
• Inclui um modelo de layout base.njk
• Inclui uma assets folder para arquivos estáticos (imagens, fontes etc.)

Este é um projeto *esqueleto , portanto não inclui nenhum componente ou estilo básico. É um *traga seu próprio front-end.

Uso

1. Atualize o arquivo metadata.json com os detalhes do seu próprio site
2. Edite o arquivo index.njk e comece a codificar seu site!
3. Opcional: implante o site no Netlify.

Instalar

Requer node.js e npm

Siga estas etapas para começar:

1. Clonar o projeto

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

2. Instale as dependências para este projeto

 npm i

3. Então faça

 npm run dev

para iniciar o live-reloadzz em um servidor de desenvolvimento local.

Estrutura do Projeto

 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

Roteiro

• Otimização de imagem com eleventy-image
• Cache de ativos com eleventy-cache-assets
• Suporte para realce de sintaxe com eleventy-plugin-syntaxhiglight

Licença

MIT © Danny de Vries