A Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
22mahmoud / YAES
Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.
YAES - Yet another eleventy starter.
Tech Stack π₯
- Eleventy (11ty)
- Postcss
- Snowpack
- Webpack
- Babel
Features
- Fast development using snowpack.
- Bundle & minify the output using webpack.
- Native lazy loading.
- A custom shortcode for image
{% Image src="./bg.jpeg", alt="background" %}
.- Generate multiple sizes for each image.
- Generate blurry placeholder.
- Transcode images to webp and generate
picture
element. - Native Lazy loading.
- Download remote images.
- Minify all images using
imagemin
.
- Modern css using Postcss.
- Inline the critical css and lazy load the rest of css.
- Remove unwanted css using purgecss.
- Minify the output using cssnano.
Top comments (0)