How to safely parse, merge, or generate .env files (without uploading secrets online)

How to safely parse, merge, or generate .env files (without uploading secrets online)

posted Originally published at dev.to 1 min read

Working with .env files is something we all do, but it’s surprisingly easy to make mistakes.

Duplicate keys, malformed values, missing quotes… they can be annoying to debug.

At some point I thought:
“Why isn’t there a simple tool that does all the work for me?”

Then I realized something else:
An online .env viewer sounds like a terrible idea.

If I saw one, I’d assume it’s stealing companys' keys.

So I built one with a constraint:
Everything must run 100% in the browser and be 100% safe.

  • No uploads
  • No backend
  • No storage
  • No network requests at all

All very highlighted and verifiable through devtools.

The result is a small tool that:

  • Parses .env files instantly
  • Detects duplicate keys
  • Highlights syntax issues
  • Shows everything in a clean table

Additionally, I included some other pages to merge multiple .env files together, or to generate a fresh .env file with the most commonly used keys.

https://env-tools.vercel.app/

I’d really appreciate some feedback, especially on how to make the “this is safe” part clearer. Hope this tool is useful and thank you very much in advance!

More Posts

I’m a Senior Dev and I’ve Forgotten How to Think Without a Prompt

Karol Modelskiverified - Mar 19

How I Built a React Portfolio in 7 Days That Landed ₹1.2L in Freelance Work

Dharanidharan - Feb 9

Your Tech Stack Isn’t Your Ceiling. Your Story Is

Karol Modelskiverified - Apr 9

Sovereign Intelligence: The Complete 25,000 Word Blueprint (Download)

Pocket Portfolio - Apr 1

5 Web Dev Pitfalls That Are Silently Killing Your Projects (With Real Fixes)

Dharanidharan - Mar 3
chevron_left

Related Jobs

View all jobs →

Commenters (This Week)

1 comment
1 comment

Contribute meaningful comments to climb the leaderboard and earn badges!