Opengraph image tags

metadata.yaml

@@ -51,47 +51,47 @@ tags:
     blurb: 100 Days to Offload - my quest to publish 100 posts in a year.
     image:
       src: aaron-burden-y02jEX_B0O0-unsplash.jpg
-  - name: technology
+  - name: Technology
     blurb: technological musings
     image:
       src: victor-aznabaev-pjTU9Edzc1g-unsplash.jpg
-  - name: gaming
+  - name: Gaming
     blurb: Video games are a clear and present threat to my productivity.
     image:
       src: lorenzo-herrera-p0j-mE6mGo4-unsplash.jpg
-  - name: physics
+  - name: Physics
     blurb: “All science is either physics or stamp collecting.”
     image:
       src: dan-meyers-F_DSvG5Fb0A-unsplash.jpg
-  - name: maths
+  - name: Maths
     blurb: Maybe I did learn something doing my homework.
     image:
       src: chris-liverani-rD2dc_2S3i0-unsplash.jpg
-  - name: foundry
+  - name: Foundry
     blurb: An ongoing series about my metal foundry.
     image:
       src: ant-rozetsky-_qWeqqmpBpU-unsplash.jpg
-  - name: projects
+  - name: Projects
     blurb: Various projects that I've been working on.
     image:
       src: sven-mieke-fteR0e2BzKo-unsplash.jpg
-  - name: software
+  - name: Software
     blurb: Articles related to programming and software engineering.
     image:
       src: yancy-min-842ofHC6MaI-unsplash.jpg
-  - name: frontend
+  - name: Frontend
     blurb: Maybe I did learn something doing my homework.
     image:
       src: luke-chesser-JKUTrJ4vK00-unsplash.jpg
-  - name: electronics
+  - name: Electronics
     blurb: Articles related to electronics and electrical engineering.
     image:
       src: michael-dziedzic-deHhHOttSdk-unsplash.jpg
-  - name: business
+  - name: Business
     blurb: Money, money, money ... MONEY
     image:
       src: michael-dziedzic-deHhHOttSdk-unsplash.jpg
-  - name: cdk
+  - name: CDK
     blurb: Projects built with the AWS Cloud Development Kit 
     image:
       src: cdk.png

next.config.mjs

@@ -19,17 +19,23 @@ const withPWA = PWA({
  * @type {import('next').NextConfig}
  **/
 let config = {
-  webpack(config) {
+  webpack(config, context) {
     config.experiments = { ...config.experiments, topLevelAwait: true }
 
+    config.module.rules.push({
+      test: /\.ya?ml$/,
+      use: [
+        {
+          loader: 'yaml-loader',
+        },
+      ],
+    })
+
     return config
   },
   reactStrictMode: true,
   // transpilePackages: ['d3'],
   images: {
-    // domains: ['avatars.githubusercontent.com', 'pbs.twimg.com'],
-    // dangerouslyAllowSVG: true,
-    // contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
     remotePatterns: [
       {
         protocol: 'https',

package.json

@@ -52,8 +52,8 @@
     "@octokit/core": "^6.1.2",
     "@octokit/types": "^13.5.0",
     "@react-spring/web": "^9.7.3",
-    "@sentry/nextjs": "^8.4.0",
-    "@sentry/profiling-node": "^8.4.0",
+    "@sentry/nextjs": "^8.5.0",
+    "@sentry/profiling-node": "^8.5.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@types/d3": "^7.4.3",
@@ -68,16 +68,16 @@
     "@types/sharp": "^0.31.1",
     "@types/three": "^0.164.1",
     "@types/unist": "^3.0.2",
-    "@typescript-eslint/eslint-plugin": "^7.10.0",
-    "@typescript-eslint/parser": "^7.10.0",
-    "@typescript-eslint/typescript-estree": "^7.10.0",
+    "@typescript-eslint/eslint-plugin": "^7.11.0",
+    "@typescript-eslint/parser": "^7.11.0",
+    "@typescript-eslint/typescript-estree": "^7.11.0",
     "@vitejs/plugin-react": "^4.3.0",
     "autoprefixer": "^10.4.19",
     "canvas": "^2.11.2",
     "clsx": "^2.1.1",
     "csstype": "^3.1.3",
     "d3": "^7.9.0",
-    "esbuild": "^0.21.3",
+    "esbuild": "^0.21.4",
     "eslint": "^9.3.0",
     "eslint-config-next": "^14.2.3",
     "eslint-plugin-import": "^2.29.1",
@@ -91,7 +91,7 @@
     "intl-list-format": "^1.0.3",
     "jimp": "^0.22.12",
     "js-yaml": "^4.1.0",
-    "jsdom": "^24.0.0",
+    "jsdom": "^24.1.0",
     "msw": "^2.3.0",
     "next": "14.2.3",
     "next-pwa": "^5.6.0",