DEV Community

Mahmoud Ashraf
Mahmoud Ashraf

Posted on

YAES - Yet another eleventy starter.

A Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.

GitHub logo 22mahmoud / YAES

Starter kit for your next eleventy(11ty) project using postcss, es6, snowpack, webpack.

YAES - Yet another eleventy starter.

yaes logo

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)