port hand-rolled golang ssg site to eleventy/11ty

convert most pages to webc

implement draft posts with eleventyExcludeFromCollections: true

add "postTags" collection, fix /blog/tags and /blog/tags/[tag] pages, fix sitemap accidentally using a layout

migrated all nunjucks templates and layouts to webc

fix 'posts' being added to all /blog/**/* files

move /blog/tags/tag.11tydata.js data to /blog/tags/tag.webc frontmatter

add pico.css, add tags list to blog posts

remove tailwind, setup several 11ty plugins, and more

- removed tailwind and tailwind classes from the site
- added a <post-tags> and <main-nav> component
- added `eleventy-plugin-validate` and `zod` so that I can enforce
  frontmatter data schemas for my collections
- fixed a bug with the 404 page, needed a permalink of 404.html to work
  properly with eleventy's dev server and on Netlify
- added `markdown-it-anchor` dependency and customized the `markdown-it`
  configuration for Markdown files so that all headings are
  automatically turned into links
- bumped to from the v4 to v5 of the `3.0.0-alpha` for eleventy
- added config option so that all markdown blog posts that have
  filenames starting with an `_` underscore will not be processed in
  production builds
- updated `jsconfig.json` with a few config options to validate my JS
  with TS, and also added an auto-generated `global.d.ts` file that is
  updated based upon the result of each eleventy build (hooks into
  11ty's "after" event hook)
- implememented the syntax-highlight and render 11ty plugins
- fixed pagination issue with the `/blog/tags/tag.webc` file

add aria-current to <main-nav> component

implement RSS plugin with rss, atom, and json feeds. add collections dependencies to various places in our build

add netlify.toml with redirect for rss feed to new location

create "drafts" folder for posts, add patch-package to fix permalink: false throwing error in prod build

remove global.d.ts setup for now

feat: remove global "layout" default and "layout: null" overrides

feat: use 11ty to concat/process CSS files with a nunjucks template

chore: use eleventy-plugin-validate types instead of custom jsdoc types

feat: eleventy-plugin-lightningcss written and consumed

fix: use 11ty output dir instead of input for lightningCSS

wip @Property declarations with fallbacks

added WebC css/js bundles and defer bucket, use base-html.webc as wrapper layout for base.webc and post.webc

implement <post-toc> custom element for blog post table of contents

add InputPathToUrl plugin and update relevant URLs

added 'critical' inline webc bundle, fixed webc bundling bug

disabled prettier for webc and removed all self-closing tags

[See this Jake Archibald article](https://jakearchibald.com/2023/against-self-closing-tags-in-html/) on why self-closing tags that Prettier auto-formats to are actually not part of the spec

fix heading levels in astro blog post

add global UTC date/datetime helper functions

refactor: eleventy-plugin-lightningcss configures 11ty to process CSS templates instead of in "eleventy.after" lifecycle event

refactor(eleventy-plugin-lightningcss): add filter for lightningCSS

refactor(eleventy-plugin-lightningcss): remove filter, add support for processing WebC CSS bundles with Lightning CSS, add browserslist dependency

chore: updated 11ty links

port over features and content from main branch deployed site to work with 11ty

Author: smithbm2316

.djlintrc

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://json.schemastore.org/djlint.json",
+  "profile": "nunjucks",
+  "indent": 2,
+  "format_css": true,
+  "css": {
+    "indent_size": 2
+  },
+  "format_js": true,
+  "js": {
+    "indent_size": 2
+  },
+  "blank_line_after_tag": "load,extends,include,set",
+  "preserve_blank_lines": false
+}

.env.example

@@ -0,0 +1 @@
+SITE_ENV=development # 'development' | 'production'

.gitignore

@@ -1,12 +1,8 @@
-# site build output
-www/
+# build output
+_site/
 
-# build output for go program and local bin for tool dependencies
-bin/
-
-# templ output files
-*_templ.go
-*_templ.txt
+# 11ty fetch cache directory
+.cache/
 
 # dependencies
 node_modules/
@@ -19,7 +15,11 @@ pnpm-debug.log*
 
 # environment variables
 .env
+.env.local
 .env.production
 
 # macOS-specific files
 .DS_Store
+
+# tailwind built css
+src/assets/styles.css

Makefile

@@ -1,28 +1,3 @@
 # bensmith.sh
 
-## Project structure
-
-| Folder      | Description |
-|-------------|-------------|
-| bin/        | the built go app and tool dependency binaries (a project-local `$GOBIN`) |
-| cmd/        | the go applications (`package main`) |
-| components/ | Templ components used in the app's routes |
-| content/    | All markdown files that we will process into routes on the site |
-| docs/       | Any extra documentation or notes for the project |
-| routes/     | Templ components that correspond to a specific route on the site |
-| scripts/    | Miscellaneous build scripts, the Makefile uses some of them |
-| static/     | The static assets (JS, fonts, images, `robots.txt`, etc) copied into the final build |
-| styles/     | CSS files that we bundle into one file for the site, `styles/index.css` is the entrypoint |
-| templates/  | text/template and html/template files used to generate feeds |
-| www/        | the final build of the static site |
-| Makefile    | Task runner, run `make` to see the help menu for the available task scripts |
-| tools.go    | List of tool dependencies for this project |
-
-
-## Go packages
-
-| Package     | Description |
-|-------------|-------------|
-| bs          | the top-level package where most files should live |
-| components  | Templ components used in the app's routes |
-| routes      | Templ components that correspond to a specific route on the site | 
+My personal website built using [Eleventy](https://11ty.dev/)