front-matter VS eleventy 🕚⚡️

To set our metadata dynamically, we also imported the front-matter dependency.

front-matter parser

What we want is for our editor to take the combination of front-matter data and markup, then be able to extract the two before storing that data separately somewhere. We'll be using the front-matter module to extract the data we need from the text editor content.

Hey, DEV community! Are you tired of the same old portfolio templates that look like everyone else’s? Want a blazing-fast, modern, and actually fun open-source portfolio that you can truly call your own? Let me introduce you to OptiFolio! 🔥 Built with Eleventy (11ty) for developers by a developer (me!) who loves simplicity, performance, and a little bit of flair.

A few days later, I discovered 11ty (Eleventy). It is a static site generator that uses JavaScript, a template language of your choice for layout, and Markdown for post writing.

The static site generator (SSG) landscape is crowded with feature-rich but increasingly complex solutions. As I looked at and used tools like lume, 11ty, lektor, or jekyll, I found myself drowning in configuration options, plugins, and middleware. What started as a simple desire to convert Markdown content into HTML had evolved into learning complex frameworks with steep learning curves.

Eleventy

I have a sort of similar setup but I haven't started using Obsidian yet, it's on my todo list. I use Eleventy instead of Hugo, with its simple Eleventy-Base-Blog starter template. I use Github action to publish to Github pages instead of using Cloudflare. It's a nascent site/blog, haven't written much, no images yet, so I don't see the need for something more than Github pages right now.

One thing I don't see the author mention that is part of what I plan to do with Obsidian is use Syncthing (which I already use for other things) so I can work on a post when I'm not at my laptop. Probably just to write down ideas/notes and then fully work it out when I get to my laptop.

If the blog author is here, curious if they commit drafts to their repo or not. I personally don't commit drafts. Besides also using 'draft: true` in the front-matter, I gitignore any markdown file where the filename starts with the word "draft". When I'm ready to publish I rename the file.

https://www.11ty.dev/

https://github.com/11ty/eleventy-base-blog

11ty (pronounced "Eleventy") is a simple, fast, and flexible static site generator that helps you build modern websites with minimal fuss. With 11ty, you can write your content using a variety of formats like HTML, Markdown, and Nunjucks, and it seamlessly compiles them into static pages.

Then I remembered Eleventy. I had heard about it from people who don’t typically follow framework hypes. For example, Stefan Baumgartner’s blog and the Working Draft website both use it. That idea appealed to me. Perfect.

Check more docs at 11ty.dev