How I Built 7 Free Tools Without a Backend (And Why)
Every tool on this site runs entirely in your browser — no server, no database, no API costs. Here's the architecture, the trade-offs, and why I chose this approach.
This site has 7 free tools. Every single one runs entirely in your browser. No server, no database, no monthly API bills. Here’s how and why.
The 7 Tools
- SEO Meta Tag Generator — paste your URL, get optimized meta tags
- Robots.txt Generator — visual builder for crawler rules
- Project Cost Estimator — estimate web dev project pricing
- Platform Quiz — 7 questions to pick Shopify or WordPress
- SEO Audit — runs 15+ checks on any URL
- Health Score — grades your site’s overall health
- PDF Merger — combine PDFs in-browser
The Architecture
They’re all static HTML + vanilla JavaScript, bundled with Vite. A couple of them (SEO Audit and Health Score) call Python API backends I host on Vercel’s free tier — but the UI itself is static files. The PDF Merger is the most extreme example: it uses pdf-lib (compiled to WebAssembly) to manipulate PDFs with zero server contact.
Why No Backend?
Three reasons:
Zero hosting cost. These tools are just static files served from Vercel’s edge network. No databases to maintain, no server processes to monitor, no monthly bills.
Privacy by design. Your files never leave your machine. The PDF merger, meta tag generator, and estimator all process everything locally. No uploads, no storage, no data leaks.
No maintenance. I push the code once and it works until browsers stop supporting the APIs I’m using. No security patches, no database migrations, no uptime monitoring.
The Trade-Offs
Serverless is great until you need real processing power. I can’t do server-side scraping, generate PDFs server-side, or run heavy computations. The SEO Audit’s Python backend handles the server-side checks, but everything else stays client-side. It’s a constraint I’ve learned to work within.
Want to try them? Head to the tools page and pick one.
Roshaan Jamil
Freelance web developer building custom WordPress and Shopify solutions, SEO tools, and Python automations. I write about what I build and what I learn.
Visit PortfolioGet new posts in your inbox
Insights on WordPress, Shopify, SEO, and Python automation, straight to you.
Related Articles
Merge PDFs in Your Browser: Why I Didn't Use a Server
Building a PDF merger that respects privacy, has no file size limits, and costs nothing to run. Here's how it works and why I built it client-side.
The 3-Step SEO Workflow I Use for Every Client (Tool Stack Included)
Before I write a single line of code for a client, I run this 3-step SEO workflow using my own tools. It catches 90% of issues before they go live.
Running an SEO Audit on My Own Portfolio (And What I Fixed)
I ran my own SEO audit tool on roshaan.me and found issues I'd been ignoring for months. Here's what the tool caught, what I fixed, and what I learned.