Web / Tools

FormatArc

A data conversion site for JSON, YAML, CSV, and Markdown — everything happens in the browser.

Next.jsTypeScriptAWS S3CloudFrontChrome Extension

FormatArc

Overview

FormatArc is a web tool centred on a JSON formatter, with conversion between JSON, YAML, CSV, and Markdown. It has no backend — input never leaves the browser. A Chrome extension is also available.

The problem

Pasting JSON into online formatters often means sending sensitive data to a third-party server. Most go-to tools are English-only, and Japanese keywords or error messages return surprisingly thin results.

Key features

  • In-browser formatting and conversion across JSON, YAML, CSV, Markdown
  • Nothing is sent to a server — even sensitive data stays put
  • Syntax errors normalised into readable explanations (ja / en)
  • Bilingual SEO with cross-links between tools and blog articles
  • A Chrome extension that mirrors the core features

Tech stack

Frontend
Next.js, TypeScript
Conversion
yaml, papaparse
Hosting
AWS S3, CloudFront, AWS CDK
Extension
Chrome Extension (Manifest v3)

Architecture

Next.js App Router with `output: "export"`, served from S3 + CloudFront provisioned via AWS CDK. GitHub Actions, authenticated to AWS via OIDC, runs lint, build, S3 sync, and CloudFront invalidation on every push to main.

How AI is used

No AI inside the product. AI is used in production — keyword research, article drafts, multilingual error message tuning.

Evaluation & Operations

Primary metrics are organic search growth and tool retention. Most tuning effort goes into SEO depth and inter-page navigation between tools and articles.