Lighthouse Action Plan
Paste Lighthouse JSON - prioritized P0/P1/P2 Next.js fix list grounded in weak audits.
Run this experiment yourself
Demos are not embedded on this site. Deploy a standalone copy on Vercel or run the experiment app locally.
Local development
cd apps/experiments/lighthouse-action-plan pnpm install pnpm dev
Then open http://localhost:3010.
This is an experimental demo. Use it as a starting point for your own projects.
Lighthouse Action Plan parses pasted Lighthouse JSON for category scores and weak audits, then returns a prioritized Next.js-oriented fix list via generateObject.
Features
- Local audit extraction – categories + weak audits before the model call
- P0/P1/P2 plan – Next.js-specific fix suggestions
- Sample JSON – performance/SEO-shaped fixture in
logic.ts
Server Reference
POST /api/plan
{ "lighthouseJson": "{ ... }" }| Status | Cause |
|---|---|
503 | No AI provider |
400 | Validation / upstream / empty input |
Implementation Details
Pure helpers in logic.ts
Caps, parsers, and clamps live in the experiment folder and are covered by logic.test.ts.
Route Handler
POST /api/plan validates input, applies fetch/parse limits where relevant, then returns JSON from generateObject.
Use Cases
- Learn composition patterns for this lab’s stack.
- Prototype before wiring production auth and quotas.
- Deploy the standalone app as a reference implementation.
Limitations
- Demo-scale caps on input size and output counts.
- No auth / rate limits on public deploys.
- Model quality depends on input clarity.
- Treat outputs as drafts, not production truth.
Use in your project
Copy the Route Handler and logic.ts helpers from apps/experiments/lighthouse-action-plan/. Wire your own persistence and auth as needed.
Deployment
Local Development
cd apps/experiments/lighthouse-action-plan
pnpm install
pnpm devConfiguration
| Variable | Required | Purpose |
|---|---|---|
AI_GATEWAY_API_KEY | Yes (or OPENAI_API_KEY) | Preferred provider |
OPENAI_API_KEY | No | Fallback |
AI_MODEL | No | Model override |
Vercel / Next.js Features Used
- Route Handlers
- Zod
- AI SDK
generateObject