Next.js Analytics Dashboard
App Router + Tailwind dashboard with KPI cards and a Recharts line chart.
- Next.js
- React
- Tailwind
- Recharts
- TypeScript
npm, nvm, npx, pip, PyPI, Node.js, JavaScript and Python — ordered, explained, verified. Describe your app to the AI agent and get a full scaffold plan you can copy, reorder, share or download as setup.sh / setup.ps1.
1 $ nvm install --lts2 $ nvm use --lts3 $ npx create-next-app@latest nvx-dashboard --ts --tailwind --eslint --app --src-dir --import-alias "@/*" --use-npm --yes4 $ cd nvx-dashboard5 $ npm install recharts6 $ npm run dev
App Router + Tailwind dashboard with KPI cards and a Recharts line chart.
A tiny 2D coin-collector game on <canvas> with a requestAnimationFrame loop and keyboard input.
Minimal Express 5 JSON API with CORS, a health check and in-memory CRUD routes; uses Node's built-in --watch.
FastAPI service with a /ask endpoint that calls the OpenAI Responses API; secrets loaded from .env.
Pure-Python data app: upload a CSV or explore sample data with Plotly charts and metrics.
Zero-dependency CLI using node:util parseArgs, wired through package.json "bin" and published to npm so anyone can run `npx <name>`.
Every step has a bilingual explanation, exact commands, OS notes, expected result and a verification command.
Pick Node/Python versions, npm/pnpm/yarn or pip/uv and add-ons. Reorder, remove, copy, share, download.
Describe your app in Thai or English. Structured output, validated and sanitised. Works without a key too.
Commands are text only — never executed on the server. Dev servers and publish steps are commented out in scripts.