Moving a client site to eleventy baseline today and tomorrow. This is going to be interesting!

The first commit was 6 years ago. Six! It's currently building on eleventy v2.0.1.

Hold my possum balloon, I'm going in!

#11ty #eleventy-baseline #apleasantview

An hour in and I haven't touched a single file yet. 😅

But: my docs are set up for myslf and the client recap, I know what I'm looking at, and I have a plan. Project orientation is a real part of the work.

And, the site's been running since 2020 so it deserves at least five minutes of respect before I start poking around. 😄

Ok. Now I'm going in for real.

#projectmanagement #webdev

The eleventy upgrade yesterday was the "boring" part.

v2 to v3.1.6, no breakage, site built first try. This is one of the reasons I love 11ty.

The node version mismatch on prod (still on 14) was the only real catch.

Then structural cleanup. Most of the churn was file movement, small edits, and local builds to catch things I'd overlooked.

The site is cleaned up and builds on prod. Good stopping point before wiring in eleventy baseline.

#11ty #eleventy-baseline #apleasantview

Sidequest!

I can't live without proper formatting since working on baseline. So: editorconfig, prettier with the jinja-template plugin for nunjucks, eslint.

Workspace prep first, before any work. Always. 😉

#formatting #webdev

Also keep your noses clean and update your packages! 🤧

After some faffing about with other stuff in between, I reached a natural break in wiring eleventy baseline.

And yes, I'm actually relying on baseline's docs for the work- living up to the "eating-your-own-dog-food" cliché! 😅

This tutorial specifically:
https://www.eleventy-baseline.dev/docs/tutorial/multilingual-baseline-site/

So that concludes part 1 of eleventy baseline's wiring.

We’ll be right back after a word from our sponsor… eurm, me.

#git #webdev

Meet Neil.

He has just taken on a client migration, and the deck says "bilingual launch by Q3."

Translations are six weeks out, scaffolding has to be ready today. The site is built on Eleventy, but the brief is now catching up on the stack.

Neil uses Eleventy Baseline. He flips three settings... Runs the build, and ...

Per-language sitemaps, hreflang alternates, i18n filters -- all online. `/fr/` is ready. Ten minutes.

Neil's PM checks the site.

Nothing has changed.

`/fr/` is empty. The translators are still six weeks out. There is nothing to see yet.

But the structure is there. The moment the first translation lands, it will be in the right place.

Ten minutes of work. Zero visible result. That is the job.

Great job, Neil! 👍

Try Eleventy Baseline. The project plumbing your sites need from day one.

https://www.eleventy-baseline.dev/

#11ty #eleventy-baseline #apleasantview

Eleventy Baseline

Eleventy Baseline is a plugin for Eleventy that provides a ready-made site foundation with assets, metadata, and a live content graph that keeps rendered output in sync.

Eleventy Baseline

Back to our regularly scheduled scrolling.*

Second part of the baseline wiring landed some time in the afternoon.

A small "shortcut" has been taken with the assets in keeping the existing sass pipeline, and resolving the index file baseline expects with passthroughCopy.

Actuall output testing is for part 3. All that mattered now is a build.

* this ain't a "live" blog, I'm doing other work on the side! 🙃

@crisverstraeten I used it a few times on projects recently and I’m loving Vaseline