OPERATING DOCUMENT / SITE

Frontend Toolchain

Current framework/tooling baseline, upstream status, and upgrade strategy for this blog

01 / Context02 / Procedure03 / Operations04 / Verification

Baseline

This document tracks the frontend stack used by dasomel.github.io against upstream releases. Versions are reviewed as of 2026-08-20. A newer release is not automatically adopted; compatibility with the current site is part of the decision.

Runtime

ComponentCurrent siteUpstream referenceDecision
Node.jsGitHub Pages build 24.19.024.19.0 LTSApplied
Next.js15.5.x line16.2.9 stable / 15.5.23 backportMajor migration separately validated
React19.x19.2.8 stableMinor refresh candidate
next-intl4.x4.13.6Minor refresh candidate

Node.js 24.19.0 is the current LTS line used by the Pages build instead of Node 22.

Markdown / MDX

ComponentCurrent siteUpstream referenceDecision
next-mdx-remote6.0.06.0.0Upstream archived — migration needed
rehype-pretty-code0.14.x0.14.5Patch refresh candidate
Shiki4.x4.4.3Minor refresh candidate
remark-gfm4.0.x4.0.1Current stable
gray-matter4.0.x4.0.3Current stable

The next-mdx-remote repository was archived on 2026-04-09. That makes it a long-term maintenance risk. The current runtime remains in place for stability, but the planned direction is to migrate to Next.js's official MDX integration (@next/mdx) or another maintained static MDX pipeline.

UI / CSS

ComponentCurrent siteUpstream referenceDecision
Tailwind CSS3.4.x4.3.3Major migration separately validated
tailwind-merge2.x2.6.1 (Tailwind 3) / 3.6.0 (Tailwind 4)Keep v2 with Tailwind 3
Lucide React0.x1.31.0Major migration separately validated
PostCSS8.5.x8.5.26Patch refresh candidate
Autoprefixer10.4.x10.5.4Minor refresh candidate

Tailwind 4 and Lucide 1.x require compatibility testing before adoption because they are major migrations for the current codebase.

Build / Quality

ComponentCurrent siteUpstream referenceDecision
ESLint9.x10.8.1Major migration separately validated
TypeScript5.x5.9.3 stable / 7.0.2 latestKeep the 5.9 line
Mermaid11.16.111.16.1Current
reading-time1.5.01.5.0Current
clsx2.1.12.1.1Current

TypeScript 7 is newer, but the site keeps the 5.9 line to keep the Next.js/MDX compatibility surface predictable.

Upgrade policy

upstream release

compatibility check

lockfile refresh

static build (344+ pages)

visual / route verification

merge

The goal is not “latest at all costs.” The priority is a reproducible static build that still renders the whole site correctly.

Next validation targets

  1. React 19.2.x / next-intl 4.13.x / Shiki 4.4.x / rehype-pretty-code 0.14.x stable refresh
  2. next-mdx-remote@next/mdx or another maintained MDX pipeline
  3. Next.js 16.2.x migration
  4. Tailwind CSS 4 migration
  5. ESLint 10 migration
  6. Lucide 1.x migration
DOCUMENT TRACE

Return to the project record to see architecture, development pulse, proof and related field notes in one context.