hachyderm.io is one of the many independent Mastodon servers you can use to participate in the fediverse.
Hachyderm is a safe space, LGBTQIA+ and BLM, primarily comprised of tech industry professionals world wide. Note that many non-user account types have restrictions - please see our About page.

Administered by:

Server stats:

9.8K
active users

Ryan

Time to scrap my over-engineered, dusty sanity.io blog for a lighter weight 11ty setup! Maybe even just a static page to start.

If folks have pro-tips or common traps to avoid, I'm all ears!

@ryan def check out WebC and start with JS frontmatter. both have a few quirks i’ve had to figure out along the way, but worth the time and effort!

@d3v1an7 my eyes glossed past WebC and I'm pretty excited to check it out now! Diving further into Web Components in general is on my to-do list!

@ryan i did a bit of web dev through the jquery days, then other stuff while react took hold. i kept trying to understand react, because components and props seemed cool, but simple questions like 'why does create-react-app require like 20 packages and what is a babel' were met with 'it doesn't matter, just do the npm install and everything is fine' which i couldn't seem to get past.

so in that context, coming back into web dev a few years back, picking up 11ty and webc, and working reallllly close to the html feels so so so good. components and props without all the other rubbish :)
the lovely thing with 11ty and webc is that you can choose to keep the web component as-is, or just have it build out as html. it's just so nice to work with.

anyway, thx for listening to my ted talk haha

@ryan you asked for tips, so :)

* For a personal blog, make sure whatever system you set up is easy to drop notes in and turn them into posts. Adding Decap CMS to my Jekyll blog was a game-changer; I could suddenly draft blogs from my phone when I had a few minutes here or there. That outlet was really helpful.

* Also making it a delight to tinker with, whatever that means to you. I get jazzed up spinning up a GitHub codespace to touch my blog; feels like magic.

@sjkilleen Will check out Decap and other git-based solutions! Seems like there's a lot to choose from 11ty.dev/docs/cms/

I do like the idea of easy drafting posts easily from my phone!

A screenshot of the web page at https://www.11ty.dev/docs/cms/
EleventyUsing a CMSA docs page for Eleventy, a simpler static site generator.