~/yunemregul/blog/json-viewer
githublinkedin
·3 min read·#featured#json#react#pwa#web#tools

Building a Better JSON Viewer from Scratch

I built a clean, modern JSON viewer as a PWA in four hours of vibe coding, and set out to see if a brand-new site could climb Google's rankings.

I've never been happy with the JSON viewers out there. Most feel outdated, and it's frustrating to see tools from the 2010s still dominating Google's top results in this AI age. Each one had features that bothered me, and I kept thinking I could build something better.

Plus, I was curious: could a site starting from zero actually climb Google's rankings? So I decided to find out.

$Four hours of vibe coding

I built the whole thing in about four hours with Cursor. Sometimes the best projects happen when you just start coding and see where it takes you.

The result? A clean, modern JSON viewer that does exactly what I want it to do, nothing more.

$What I love about the design

Minimal, modern, simplistic. It just looks rightto my eyes, with no clutter, no unnecessary features getting in the way. I added both dark and light themes. I'm definitely a dark-theme person, but I know some folks prefer light mode. Why force them to squint at something they don't like?

$Technical decisions that mattered

The whole thing runs as a PWA, a Progressive Web App. That gives it three properties that shape the rest of the design:

  • offline-firstworks after the first load, even on a plane
  • client-onlyyour JSON never leaves your browser
  • zero backendstatic hosting, instant cold start

I'm hosting it statically for now, which keeps things simple and cheap. The trade-off: since it's a single-page React app served statically, Google's bots can't see the content properly. The SEO isn't great.

I'll add conditional SSR down the road to boost the search rankings.

>>Give it a try

Paste in some JSON, switch between themes, and see what you think. Built for people who, like me, just want a clean way to view and navigate JSON without all the bloat.

→ open the app
json.yunemregul.com
Paste JSON, switch themes, navigate the tree. No data leaves your browser.
29views0claps
0

$ cat comments/

no comments yet. be the first.

comments are reviewed before they appear.