Rewrite as 11ty static site

Author: cuchi

.dockerignore

@@ -0,0 +1,41 @@
+const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
+const pluginRss = require("@11ty/eleventy-plugin-rss");
+
+module.exports = function (eleventyConfig) {
+  eleventyConfig.addPlugin(syntaxHighlight);
+  eleventyConfig.addPlugin(pluginRss);
+
+  // Passthrough static assets
+  eleventyConfig.addPassthroughCopy("src/assets/images");
+  eleventyConfig.addPassthroughCopy("src/assets/fonts");
+  eleventyConfig.addPassthroughCopy("src/assets/css");
+  eleventyConfig.addPassthroughCopy({ public: "/" });
+
+  // Posts collection
+  eleventyConfig.addCollection("posts", (collectionApi) => {
+    return collectionApi.getFilteredByGlob("src/posts/*.md");
+  });
+
+  // Date formatting filter
+  eleventyConfig.addFilter("readableDate", (date) => {
+    const d = new Date(date);
+    const months = [
+      "Jan", "Feb", "Mar", "Apr", "May", "Jun",
+      "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
+    ];
+    const day = d.getUTCDate();
+    const suffix =
+      day === 1 || day === 21 || day === 31 ? "st" :
+      day === 2 || day === 22 ? "nd" :
+      day === 3 || day === 23 ? "rd" : "th";
+    return `${months[d.getUTCMonth()]} ${day}${suffix}, ${d.getUTCFullYear()}`;
+  });
+
+  return {
+    dir: {
+      input: "src",
+      output: "_site",
+      includes: "_includes",
+    },
+  };
+};

.eleventy.js

@@ -1,41 +1,38 @@
-name: Deploy
-on: 
+name: Deploy to GitHub Pages
+
+on:
   push:
-    branches:
-      - master
+    branches: [master]
 
-jobs:
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
 
+jobs:
   build:
-    name: Build
     runs-on: ubuntu-latest
-    env:
-      TAG: ${{ github.sha }}
-      REPO_PATH: ${{ github.repository }}
-      IMAGE_NAME: website
-      DOCKER_USERNAME: ${{ github.actor }}
-      DOCKER_TOKEN: ${{ github.token }}
-
     steps:
-      - name: Checkout VCS
-        uses: actions/checkout@v1
-
-      - name: Build & push the Docker image
-        run: |
-          docker login -u $DOCKER_USERNAME -p $DOCKER_TOKEN docker.pkg.github.com
-          docker build . -t docker.pkg.github.com/$REPO_PATH/$IMAGE_NAME:$TAG
-          docker push docker.pkg.github.com/$REPO_PATH/$IMAGE_NAME:$TAG
-
-      - name: Pull the Docker image & update the service
-        uses: appleboy/ssh-action@master
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: npm
+      - run: npm ci
+      - run: npm run build
+      - uses: actions/upload-pages-artifact@v3
         with:
-          host: ${{ secrets.DEPLOYMENT_HOST }}
-          username: ${{ secrets.DEPLOYMENT_USER }}
-          key: ${{ secrets.DEPLOYMENT_PRIVATE_KEY }}
-          envs: REPO_PATH,IMAGE_NAME,TAG,DOCKER_USERNAME,DOCKER_TOKEN
-          script: |
-            docker login -u $DOCKER_USERNAME -p $DOCKER_TOKEN docker.pkg.github.com
-            docker pull docker.pkg.github.com/$REPO_PATH/$IMAGE_NAME:$TAG
-            docker container ls --format '{{.ID}}' | xargs docker container stop
-            docker run -d -p 3000:3000 --name website-$TAG \
-              docker.pkg.github.com/$REPO_PATH/$IMAGE_NAME:$TAG
+          path: _site
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - uses: actions/deploy-pages@v4

.github/workflows/deploy.yml

@@ -1,6 +1,3 @@
-node_modules
-.nuxt
-
-yarn-error.log
-.nuxt-storybook
-storybook-static
+_site/
+node_modules/
+.DS_Store

.gitignore

@@ -1 +1 @@
-v12.16.1
+22