Eleventy Powered Free Blog & Portfolio Template

Eleventy Powered Free Blog Template

Hey I'm Yasin. I created this awesome blog template with Eleventy. Feel free to use it. No rights reserved.

It is written in JavaScript, HTML, CSS, Nunjucks and Markdown. I created a custom layout with CSS Grid and Flex. Not containing any framework. Storing source code in public GitHub repository.

Source Serif Pro (main) and Inter fonts used.

Features #

  • Eleventy ♥
  • SASS powered css system. Each component have its own SCSS file.
  • No CSS/JS libraries. Completely vanilla grid.
  • Almost zero JavaScript.
  • SEO friendly. Actually user-friendly. Built for humans. Not for Google crawlers.
  • Blazing fast page loading.
  • Tiny CSS files. Homepage ~18Kb. Subpages ~29Kb.
  • JSON & XML Feed for blog posts.
  • Sitemap
  • PWA ready.
  • Following WCAG 2.0. standards.
yasingenc.net lighthouse score

Roadmap #

  • Dark mode support.
  • Pagination.
  • Cached css for an offline mode. (Supporting PWA but not yet fully).
  • A static CMS
  • An experimental box for fun.

How to use it? #

Clone or Download the repository and start to use it. If you need a help or have some questions don't hesitate to contact me!

Download Link: https://github.com/yasingencnet/yasingencnet

yasingenc.net lighthouse score
Previous Post

How to Display Instagram Posts on Your Website?

We're basically fetching (scraping) data from Instagram and insert it into HTML.

Read article
Next Post

Resize All Images With Photoshop Actions

Resizing multiple images at once can be boring work. Adobe Photoshop helps us batch resize images.

Read article