chore: migrate to Astro 7

astro.config.ts

@@ -1,5 +1,6 @@
 // @ts-check
 
+import { unified } from '@astrojs/markdown-remark'
 import react from '@astrojs/react'
 import sitemap from '@astrojs/sitemap'
 import tailwindcss from '@tailwindcss/vite'
@@ -12,29 +13,34 @@ import { remarkAdmonitions } from './src/plugins/remark-admonitions' /* Add admo
 export default defineConfig({
   site: 'https://nodejsdesignpatterns.com',
   integrations: [react(), expressiveCode(), sitemap()],
+  /* Keep the pre-Astro-7 whitespace behavior: templates rely on spaces between
+     inline elements, which the new 'jsx' default would strip */
+  compressHTML: true,
   markdown: {
-    remarkPlugins: [remarkDirective, remarkAdmonitions],
+    /* Explicitly use the remark/rehype pipeline (instead of Astro 7's default
+       Sätteri) since admonitions depend on remark plugins */
+    processor: unified({
+      remarkPlugins: [remarkDirective, remarkAdmonitions],
+    }),
   },
   vite: {
     plugins: [tailwindcss()],
   },
-  experimental: {
-    fonts: [
-      {
-        provider: fontProviders.google(),
-        name: 'Hanuman',
-        cssVariable: '--font-base-serif',
-      },
-      {
-        provider: fontProviders.google(),
-        name: 'Atkinson Hyperlegible',
-        cssVariable: '--font-base-sans',
-      },
-      {
-        provider: fontProviders.google(),
-        name: 'Cascadia Mono',
-        cssVariable: '--font-base-mono',
-      },
-    ],
-  },
+  fonts: [
+    {
+      provider: fontProviders.google(),
+      name: 'Hanuman',
+      cssVariable: '--font-base-serif',
+    },
+    {
+      provider: fontProviders.google(),
+      name: 'Atkinson Hyperlegible',
+      cssVariable: '--font-base-sans',
+    },
+    {
+      provider: fontProviders.google(),
+      name: 'Cascadia Mono',
+      cssVariable: '--font-base-mono',
+    },
+  ],
 })

package.json

@@ -2,6 +2,9 @@
   "name": "nodejs-design-patterns-site",
   "type": "module",
   "version": "4.0.0",
+  "engines": {
+    "node": ">=22.12.0"
+  },
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",
@@ -14,17 +17,18 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@astrojs/react": "^4.4.2",
-    "@astrojs/sitemap": "^3.7.0",
-    "@expressive-code/plugin-collapsible-sections": "^0.41.3",
-    "@lucide/astro": "^0.522.0",
+    "@astrojs/markdown-remark": "^7.2.1",
+    "@astrojs/react": "^6.0.1",
+    "@astrojs/sitemap": "^3.7.3",
+    "@expressive-code/plugin-collapsible-sections": "^0.44.0",
+    "@lucide/astro": "^1.23.0",
     "@radix-ui/react-slot": "^1.2.3",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.8",
+    "@tailwindcss/typography": "^0.5.20",
+    "@tailwindcss/vite": "^4.3.2",
     "@types/react": "^19.1.6",
     "@types/react-dom": "^19.1.5",
-    "astro": "^5.16.16",
-    "astro-expressive-code": "^0.41.3",
+    "astro": "^7.0.6",
+    "astro-expressive-code": "^0.44.0",
     "astro-masonry": "^1.2.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
@@ -45,7 +49,7 @@
     "sharp": "^0.34.3",
     "swiper": "^11.2.10",
     "tailwind-merge": "^3.3.0",
-    "tailwindcss": "^4.1.8",
+    "tailwindcss": "^4.3.2",
     "three": "^0.180.0",
     "unified": "^11.0.5",
     "unist-util-visit": "^5.0.0"
@@ -63,6 +67,7 @@
     "eslint-plugin-astro": "1.3.1",
     "eslint-plugin-prettier": "5.5.4",
     "globals": "^16.3.0",
+    "mdast-util-to-hast": "^13.2.0",
     "prettier": "3.6.2",
     "prettier-plugin-astro": "0.14.1",
     "typescript": "5.8.3"