DEV Community

Cover image for Getting Started with 11ty
Taylor-Bracone
Taylor-Bracone

Posted on • Updated on

Getting Started with 11ty

Getting Started with 11ty

Eleventy (11ty) is a powerhouse of a tool that is used to mix templates and languages. Very flexible. It was noted that eleventy was created for "flexibility, betting on JavaScript, not a JavaScript framework" (Zach, 2018) Content can be written in markdown and go to a developed template. The best way I have found to begin working on 11ty is to look at developed projects and some starter code for further exploration. Here are some examples.

Different & User Experience 11ty Sites-- Basic 11ty and hax11ty

This is a video demonstration on development: Video Demonstration.

This is a screenshot of a baseline for performance.
Image description

From the hello world template of 11ty to the working template provided functionality. Blog posts were also added to the column of the working site.

Image description

More...

Image description

Image description

Image description

Image description

Image description

Image description

Usability is key. 11ty is good for compiling everything in one place to create a smooth, cohesive experience. It scaffolds and works off projects and uses directories.

Links to Relevant Sites

hax11ty
hello world
repo
repo 2
repo 3

Top comments (0)