micro site

Micro-frontal avisé qui peut être utilisé pour créer un document d'une seule page . Idéal pour les pages de destination ou les pages d’inscription. Il utilise le générateur de site statique Eleventy (11ty) sous le capot et définit les valeurs par défaut communes de 11ty .

Caractéristiques

• Inline et minimise le CSS à l'aide clean-css
• Insère et minimise JavaScript à l'aide terser
• Inclut un fichier de données globales metadata.json
• Comprend un modèle de mise en page base.njk
• Comprend un assets folder pour les fichiers statiques (images, polices, etc.)

Il s'agit d'un projet *squelette , il n'inclut donc aucun composant ni style de base. C'est un *apportez votre propre front-end.

Usage

1. Mettez à jour le fichier metadata.json avec les détails de votre propre site
2. Modifiez le fichier index.njk et commencez à coder votre site Web !
3. Facultatif : déployez le site sur Netlify.

Installer

Nécessite node.js et npm

Suivez ces étapes pour commencer :

1. Cloner le projet

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

2. Installer les dépendances pour ce projet

 npm i

3. Alors fais

 npm run dev

pour démarrer le live-reloadzz sur un serveur de développement local.

Structure du projet

 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

Feuille de route

• Optimisation d'image avec eleventy-image
• Mise en cache des actifs avec eleventy-cache-assets
• Prise en charge de la mise en évidence de la syntaxe avec eleventy-plugin-syntaxhiglight

Licence

MIT © Danny de Vries