Migrate to Astro 7, TypeScript 7, and Node 24 LTS

.github/workflows/build.yml

@@ -46,6 +46,9 @@ jobs:
       - name: Run Linting
         run: npm run lint
 
+      - name: Type Check (TypeScript 7)
+        run: npm run typecheck
+
       - name: Run Unit Tests
         run: npm run test:unit
 

.nvmrc

@@ -1 +1 @@
-24.15.0
+24.18.0

CLAUDE.md

@@ -28,9 +28,19 @@ Some key commands are:
 
 ## Key Technical Decisions
 
-- **Framework**: Astro with React integration
-- **Styling**: Tailwind CSS with Typography plugin
-- **Content**: MDX support for enhanced markdown
+- **Framework**: Astro 7 with React integration
+- **Styling**: Tailwind CSS v3 (Typography plugin), wired through `postcss.config.mjs`.
+  The old `@astrojs/tailwind` integration is gone (unsupported on Astro 7); PostCSS
+  runs `tailwindcss` + `autoprefixer` exactly as that integration did.
+- **Content**: Content Layer collections (`src/content.config.ts`, `glob()` loaders);
+  MDX support for enhanced markdown
+- **TypeScript**: TypeScript 7. The **native compiler** (`tsgo`, from
+  `@typescript/native-preview`) does the type-checking — `npm run typecheck`. Classic
+  `typescript@6` is still installed because the native compiler doesn't yet expose the
+  programmatic API that `astro check` and `typescript-eslint` rely on; those tools run
+  on 6.x. Keep the dated native-preview snapshot pinned and its lockfile entry refreshed
+  until TypeScript 7 is stable; remove `typescript@6` once those tools support the native
+  compiler.
 - **Build**: Static site generation to `dist/` folder
 - **Deployment**: GitHub Actions workflow deploys to GitHub Pages
 - **Site URL**: https://plx.github.io

astro.config.mjs

@@ -1,14 +1,15 @@
 import { defineConfig } from "astro/config";
 import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
-import tailwind from "@astrojs/tailwind";
 
 import react from "@astrojs/react";
 
 import expressiveCode from "astro-expressive-code";
 
 import rehypeSidenotes from "./src/lib/rehype-sidenotes.mjs";
 
+// Tailwind CSS is wired through PostCSS (postcss.config.mjs) rather than the
+// former @astrojs/tailwind integration, which does not support Astro 7.
 export default defineConfig({
   site: "https://plx.github.io",
   markdown: {
@@ -18,7 +19,6 @@ export default defineConfig({
   },
   integrations: [
     sitemap(),
-    tailwind(),
     react(),
     expressiveCode({
       themes: ["github-dark", "github-light"]