Documentation
How tools work on this site
Architecture overview for Tools by RS Roshi: registry-driven pages, lazy panels, SEO content, and client processors.
Published 2026-07-23
Every tool shares one route pattern. Definitions live in a registry; interactive UI loads as a per-tool client chunk; SEO sections render on the server.
Page model
- SSG tool page resolves metadata, JSON-LD, and breadcrumbs
- Tool workspace loads one panel via next/dynamic
- SEO sections (answers, FAQs, topic links) stay in React Server Components
Processors
Business logic lives in pure TypeScript processors with shared input limits. Panels call processors; they should not import SEO blobs or the full registry.
Guides and docs
In-app guides under /blog and /docs link to tools. Long-form publishing may also appear on blog.rsroshi.dev — both should cross-link thoughtfully without soft-404 stubs.
Try these tools
JSON Formatter
Format, beautify, and minify JSON in your browser. Free, private, and instant — no upload to a server.
Base64 Encode / Decode
Encode UTF-8 text to Base64 or decode Base64 back to text — instantly in your browser.
UUID Generator
Generate UUID v4 identifiers in bulk — uppercase and hyphenless options, fully client-side.