跳到正文
DEV Community· minh·· 2 小時前AI 評分49

JSONSheet:作者以 Next.js 16 建立 22 款免費瀏覽器資料轉換工具

I built 22 free data converters that never leave your browser (Next.js 16)

AI 導讀

JSONSheet 提供 22 款免費資料轉換工具,全部在瀏覽器內執行,毋須上載資料、註冊或伺服器端處理。工具支援 JSON、CSV、YAML 等格式轉換,並可清理 ChatGPT/Claude 輸出的文字後再轉換;網站以 Next.js 16.4.3 靜態匯出,轉換核心有 76 項單元測試。

正文

minh

Every time I needed to turn an API response into a CSV, or paste a JSON blob out of ChatGPT into something usable, I ended up on a tool site that either wanted me to upload my data, buried the tool under 15 ads, or choked on quoted fields.

So I built JSONSheet — 22 converters that run 100% in your browser. No upload. No signup. No server-side processing at all.

What it does

  • JSON ↔ CSV with proper RFC 4180 parsing (quoted fields, embedded commas/newlines, escaped quotes)
  • JSON ↔ YAML — clean block-style output, correct quoting of ambiguous values
  • JSON → XML and JSON → JSONL (NDJSON) for pipelines and fine-tuning datasets
  • JSON ↔ Markdown tables — for READMEs, Notion, GitHub issues
  • CSV/JSON → SQL INSERTs (Postgres & MySQL, with CREATE TABLE + type inference)
  • JSON → TypeScript interfaces — nested objects become named interfaces
  • Flatten / unflatten JSON to dot-notation paths
  • JSON escape/unescape, Base64 encode/decode (UTF-8 safe), TSV → JSON (paste straight from Excel/Sheets), CSV dedupe & transpose, CSV → HTML table, JSON ↔ URL query string

The "AI-paste" feature

The part I use daily: paste JSON straight out of ChatGPT/Claude — markdown fences, "Here's your data:" prose and all — and the tool strips the noise before converting. One step instead of four. I wrote a full guide about this workflow: Convert ChatGPT / Claude output to CSV the clean way.

The privacy angle (and why it's also cheap)

Everything is a pure TypeScript function running in your tab. There is no API to call, so:

  1. Your data never leaves your device — genuinely, not as a marketing line
  2. The whole site is a static export — nginx serves ~2MB of files, the VPS idles at 0% CPU
  3. No DB, no auth, no PII to protect — the security surface is tiny

Stack

  • Next.js 16.4.3, static export (output: 'export') — no Node runtime needed in production
  • React 19 + TypeScript, zero UI libraries — the converters are plain functions
  • 76 unit tests on the converter core (npm test in the repo)
  • Deployed on a small VPS behind Cloudflare with Let's Encrypt; deploys via a 30-line bash script (no CI/CD needed at this scale)

Try it

👉 jsonsheet.com · Source: github.com/kami2k1/jsonsheet

If you hit a file it chokes on, open an issue with a sample — the CSV parser is RFC 4180-tested but real-world data always finds new edge cases.

來源:DEV Community · dev.to