DEV Community

Kern Designs
Kern Designs

Posted on

Learn 11ty

Hello! Today were going to be learning 11ty! The intro tutorial can be found here here. In order to do this, I created three different 11ty sites.

Hello World

For this hello world site, I used the original tutorial. I added some blogposts to the site and linked them on new pages. Once I made my basic site and checked it on local host, I pushed my changes to GitHub. If you do that you can then deploy them to GitHub pages by simply creating a gh-pages branch. Here are some simple directions to create your website. You can find my website here.

Base template

In order to use a template, you should open the GitHub repository. I used this basic one. Select Use This Template and clone the repo to your machine. All you have to do then to add your information is input your posts as markdown. Here is my GitHub repo and my sample site.

Second template

One last example uses a template based off the original one, found here. Again, I used the template, cloned, and added my posts. Here is my GitHub repo and my sample site.

Thanks for checking out these materials! Keep coding!

Sentry blog image

How to reduce TTFB

In the past few years in the web dev world, we’ve seen a significant push towards rendering our websites on the server. Doing so is better for SEO and performs better on low-powered devices, but one thing we had to sacrifice is TTFB.

In this article, we’ll see how we can identify what makes our TTFB high so we can fix it.

Read more

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️