DEV Community

Nick-Telles
Nick-Telles

Posted on

Getting Started with 11ty

Using the tutorial provided on https://www.11ty.dev setting up 11ty was a breeze. The steps included in this tutorial allowed me to get it up and running on my terminal with only a few commands.
Image description
With this set up, you can edit the file installed and have whatever is written in that appear on your webpage. This was very intuitive and simple to get working.

Image description

11ty Template

Using an 11ty template will allow you to make edits of the code using VSCode which will make changing the webpage more easily. Using the template provided I noticed the code uses post files to make the articles. These are all .md files which is the same as it is in the command line 11ty example. Provided is a screenshot of what it looks like in VSCode and when ran it will also provide a localhost page that will show the articles. This makes changing the content of the pages much simpler.

Image description

Hax11ty

With all this said I was unable to get my hax11ty page working. I followed a template provided and linked below. Hax11ty is supposed to make working with 11ty easier and provide simpler static changes. This unfortunately did not work for me.

Repos Used

11ty - https://github.com/Nick-Telles/11tyattempt/find/master
hax11ty - https://github.com/Nick-Telles/hax11tyattempt

Top comments (0)