Eleventy Material Kit Pro — The latest prototype developed by AppSeed

AppSeed.us
Oct 17, 2019 · 3 min read

Hello coders,

We are glad to announce the latest static site boilerplate prototyped in the AppSeed platform:

Eleventy Material Kit Pro — Static Site Boilerplate.
Eleventy Material Kit Pro — Static Site Boilerplate.
Eleventy Material Kit Pro — Static Site Boilerplate

In a rush? Just access the Live DEMO or the product page for more information. Thank you!


Product Features

The static boilerplate comes with the latest tools used int the NPM ecosystem: Webpack, Babel, PostCSS, CSSnano, Autoprefixer, and Light-Server used for hot reload.

As mention before, all pages are migrated to the Nunjucks templating and starting a new project with this boilerplate is an easy task, even for young and inexperienced programmers.


What is Eleventy (11ty)

For newcomers, 11ty (or Eleventy) is a simple static site generator written in JavaScript that transforms a directory of templates of varying types (Liquid, Mustache, PUG, Markdown) into HTML ready to be deployed in production. We choose to generate projects on top of Eleventy, mostly for his flexibility:

  • Eleventy can be easily integrated into existing projects, based on his flexible configuration.
  • Most static site generators use a single type for the source files: Markdown is probably the most popular, Liquid, Handlebars .. etc. Well, Eleventy supports many formats and the developer can choose the type is most comfortable with.
  • Being a part of the NPM ecosystem, any compatible Node.js module can be used along with Eleventy.

In case you didn’t use it before, might be a good idea to play a little with this SSG.


Boilerplate pages

Eleventy Material Kit Pro — Cards.
Eleventy Material Kit Pro — Cards.
Eleventy Material Kit Pro — Cards

Eleventy Material Kit Pro — UI Kit Pages

Eleventy Material Kit Pro — Content Areas.
Eleventy Material Kit Pro — Content Areas.
Eleventy Material Kit Pro — Content Areas.

Eleventy Material Kit Pro — Features Sections.
Eleventy Material Kit Pro — Features Sections.
Eleventy Material Kit Pro — Features Sections.

Links & Credits


For more static site boilerplate code, please access the public repository or the AppSeed platform.

Thank you!

More From Medium

Top on Medium

Ed Yong
Mar 25 · 22 min read

26K

Top on Medium

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade