Creating a Blog with 11ty and HAX11ty

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • 11ty-blog

  • If you'd like to see the code for the site check out my simple example on Github, all the site content is held in the README.md file.

  • eleventy-base-blog

    A starter repository for a blog web site using the Eleventy static site generator.

  • The next example we'll look at goes more into depth of 11ty. We are creating this site from this template.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • 11ty-blog-with-template

  • If you'd like to see the code for this 11ty blog, check out my Github.

  • eleventy 🕚⚡️

    A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  • The first example of 11ty we'll look at is a simple hello-world style blog. We'll use the documentation to start a project with 11ty. Following these instructions, we install the necessary packages to our project to be able to run in 11ty.

  • eleventy-high-performance-blog

    A high performance blog template for the 11ty static site generator.

  • Lastly, we'll look at a template created by Google that uses 11ty to make a blog. If you'd like to check out the template yourself, this is their Github.

  • I made a quick sample blog that can be found on my Github and looks surprisingly well for not doing any additional formatting or additional styling.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts