Lite is free. Pro adds this and the rest of the quality layer.
Adams forNext.js projects.
One repo holds server code and browser code. Adams helps keep secrets on the right side and pages tidy at every width.
Lite and Pro
// the problem
What goes wrong
A secret in the wrong fileIn Next.js, variables with the public prefix are sent to the browser. A key given that prefix to make an error go away is now public.
Pages that only work wideComponents that look good in the dev server on a laptop can overflow on a phone. The framework will not warn you.
// what adams does
What Adams does
Catches keys in codeLite: keys written into route handlers or components are stopped at commit, and moved to an ignored env file.
Checks pages at three widthsPro: point it at your dev server address and it reports overflow and wrapped labels by width.
Reads the projectPro: say hey adams and it names the stack, the missing plan and the biggest open risk.
// worked example
An example
A key in a route handler
A real run of hey adams on a test store built with Next.js and Stripe.
~/project~/your-project · example
hey adams
my-store · Next.js + Stripe · no plan yet · 1 open risk
A key looks pasted into app/api/checkout/route.ts, so anyone who sees the code can use it
1. Move the key out of code (recommended)
// faq
Questions
Does Adams change my Next.js config?
No. It reads your files and asks before it changes anything.
Does it work with the app router?
It works on the files in your project, whichever router you use.
What is free?
The secret, git and leak guards.
// related