From b9369a493e6a7b3d56cb45003d66da4cbb34102c Mon Sep 17 00:00:00 2001 From: policyengine-bot Date: Sat, 9 May 2026 18:43:23 +0000 Subject: [PATCH] Update PolicyEngine interactive tools to Next.js 16 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Update stack from Next.js 14 to Next.js 16 - Add explicit note that Vite is no longer used for PolicyEngine tools - Update scaffolding command to use @latest instead of @14 - Update checklist to reflect Next.js 16 Based on learnings from policyengine-project-management-comparison migration from Vite to Next.js 16. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- .../policyengine-interactive-tools-skill/SKILL.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/skills/tools-and-apis/policyengine-interactive-tools-skill/SKILL.md b/skills/tools-and-apis/policyengine-interactive-tools-skill/SKILL.md index 32f15cb..502bd28 100644 --- a/skills/tools-and-apis/policyengine-interactive-tools-skill/SKILL.md +++ b/skills/tools-and-apis/policyengine-interactive-tools-skill/SKILL.md @@ -18,11 +18,11 @@ How to build standalone React apps (calculators, dashboards, visualizations) tha ## Stack -**Next.js 14 + Tailwind 4 + Recharts** for all tools (embeddable and standalone). +**Next.js 16 + Tailwind 4 + Recharts** for all tools (embeddable and standalone). | Component | Choice | |-----------|--------| -| Framework | Next.js 14 (App Router) | +| Framework | Next.js 16 (App Router) | | CSS | Tailwind 4 with `@policyengine/ui-kit` theme | | Charts | Recharts | | Code highlighting | Prism React Renderer | @@ -30,6 +30,8 @@ How to build standalone React apps (calculators, dashboards, visualizations) tha | Deploy | Vercel under `policy-engine` scope | | Package manager | `bun` (not npm) | +**IMPORTANT:** All PolicyEngine tools use Next.js, not Vite. If you encounter a Vite-based tool, it should be migrated to Next.js 16 with the App Router. Vite was used in earlier prototypes but is no longer the standard. + **Requirements:** - `@policyengine/ui-kit` theme (installed via `bun add @policyengine/ui-kit`) - Inter font via Google Fonts CDN @@ -445,7 +447,7 @@ For analysis repos that precompute data with Python microsimulation pipelines: ## Scaffolding a new tool ```bash -bunx create-next-app@14 my-tool --js --app --tailwind --eslint --no-src-dir --import-alias "@/*" +bunx create-next-app@latest my-tool --js --app --tailwind --eslint --no-src-dir --import-alias "@/*" cd my-tool bun add @policyengine/ui-kit recharts bun add -D vitest @@ -690,7 +692,7 @@ Test API responses against Python fixtures for numerical accuracy. See `PolicyEn ## Checklist for new tools -- [ ] Next.js 14 + Tailwind 4 scaffold +- [ ] Next.js 16 + Tailwind 4 scaffold - [ ] `@policyengine/ui-kit` installed (`bun add @policyengine/ui-kit`) - [ ] `@import "@policyengine/ui-kit/theme.css"` in `globals.css` - [ ] Inter font loaded via Google Fonts CDN