Stop delaying. Share knowledge on a blog built with Eleventy.

• lighthouse

  152 27,864 9.6 JavaScript

  Automated auditing, performance metrics, and best practices for the web.

  

Performance Using Lighthouse as a measurement tool, the blog should score 100 on all criteria.

• eleventy-base-blog

  28 1,158 6.4 Nunjucks

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

  

To generate a static blog, we will be using Eleventy. Using the blog example from Eleventy as a base for our blog. Clone the repository:

• SurveyJS

  surveyjs.io featured

  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.

  

• eleventy 🕚⚡️

  244 16,249 9.3 JavaScript

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

  

To generate a static blog, we will be using Eleventy. Using the blog example from Eleventy as a base for our blog. Clone the repository:

• eleventy-fetch

  1 134 4.3 JavaScript

  Utility to cache any remote asset: Image, Video, Web Font, CSS, JSON, etc

  

Make sure you use the @11ty/eleventy-fetch package.

• brotli

  26 13,143 8.1 TypeScript

  Brotli compression format

  

Alright, the minifying is done. What else? Did you know you can serve HTML, CSS and JS compressed? A lot of websites still use gzip, but there’s also Brotli. Brotli is specifically made for the web and compresses a lot better than gzip in most cases.

• Tailwind CSS

  1,282 78,568 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

As I want to create a blog fast, I'll use Tailwind CSS. Tailwind is a utility-first framework that makes building and designing 10 times faster (at least for me). I don't have to worry about classnames anymore and can easily customize the blog design. Of course, the freedom to customise can also be a disadvantage. In the case of the blog, the impact is zero to none. You can skip this part if you do not want to use Tailwind.

• iamjustin.dev

  1 0 0.0 Nunjucks

  A blog where I share about tech and DX.

My blog will remain open source and will be improved over time. In case the project doesn't match the structure of the blog, please check the history of the commits.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project