DEV Community

ben yahia nabil
ben yahia nabil

Posted on

How I Built 76 Free SEO Tools in One Platform — And What I Learned Along the Way

I've spent years watching SEO professionals juggle a dozen browser tabs — one for keyword research, another for meta tag generation, a third for image compression, and so on. Every tool lives on a different website, each demanding a signup, a cookie consent banner, and a slightly different UI. The cognitive overhead is real.

So I built TryFreeSEO — a single platform with 76 free SEO tools, no signup required, available in 5 languages. This is the story of how I did it, what worked, what didn't, and the technical decisions I'd make differently today.

Why Another SEO Tool Platform?

The SEO tools market is crowded. Ahrefs, SEMrush, and Moz dominate the paid tier. But the free tier is fragmented. Most "free SEO tools" sites offer 5–10 tools, are plastered with ads, require email signups, or are simply outdated.

My hypothesis was simple: if you give developers and marketers a single, fast, genuinely free platform with no friction, they'll use it. No account. No credit card. No "free trial." Just open the tool and get results.

The target audience was clear: freelancers, small business owners, bloggers, and developers who need SEO capabilities but can't justify a $99/month Ahrefs subscription.

The Tech Stack

Before diving into the tools themselves, here's what powers TryFreeSEO:

Layer
Technology
Why
Frontend
React 19 + Tailwind CSS 4
Fast iteration, great DX
Backend
Express 4 + tRPC 11
End-to-end type safety
Database
MySQL (TiDB) + Drizzle ORM
Schema-first, migrations as code
Auth
Manus OAuth
Zero-config authentication
Build
Vite 7
Sub-second HMR, excellent code splitting
Deployment
Manus Platform
Built-in hosting + CDN

The most important architectural decision was using tRPC for all client-server communication. No REST endpoints to maintain, no OpenAPI spec to keep in sync — just TypeScript functions that happen to run on the server. When you call trpc.tool.analyze.useMutation(), you get full autocomplete and type safety all the way from the database row to the React component.

The Challenge: 76 Tools, One Codebase

Building 76 tools without turning the codebase into spaghetti required a disciplined approach. The solution was a data-driven tool registry.

Every tool is defined as a TypeScript object in a central tools.ts file:

TypeScript

{
id: 'keyword-density',
category: 'seo',
icon: '🔍',
tags: ['keyword', 'content', 'analysis'],
// translations loaded separately per language
}

The ToolPage component reads the tool ID from the URL, looks it up in the registry, and renders the appropriate interface. This means adding a new tool requires:

1.
Adding an entry to tools.ts

2.
Writing the tool logic in the tRPC router

3.
Adding translations for all 5 languages

No new routes. No new components. No new files in the build system. The entire routing, SEO metadata, and sitemap generation happen automatically from the registry.

The Performance Problem (And How I Fixed It)

The first version of the site had a 5.1MB JavaScript bundle. Everything was loaded upfront — all 76 tools, all 5 language translation files, all the SEO article content. The initial page load on a slow 3G connection was painful.

The fix involved three changes:

  1. Lazy loading all pages. Using React.lazy() and Suspense, each page only loads when the user navigates to it. The main bundle dropped from 5.1MB to 96KB.

TSX

const ToolPage = lazy(() => import('./pages/ToolPage'));
const Blog = lazy(() => import('./pages/Blog'));

  1. Splitting the data files. The toolArticles.json file (2.5MB of SEO content) was being imported in the global SEOHead component, meaning it loaded on every single page. I created a lightweight toolMeta.json (169KB) containing only the meta titles and descriptions needed for

    tags. The full article content only loads when a user visits a specific tool page.
  2. Aggressive caching headers. Static assets now ship with Cache-Control: public, max-age=31536000, immutable. A returning visitor loads the entire site from cache in milliseconds.

The result: initial bundle went from 5,316KB to 226KB gzipped — an 85% reduction.

Multilingual SEO: The Architecture That Scales

Supporting 5 languages (English, Arabic, French, Spanish, German) wasn't an afterthought — it was baked into the URL structure from day one.

Every URL follows the pattern /{lang}/{page}:


tryfreeseo.com/en/tool/keyword-density


tryfreeseo.com/ar/tool/keyword-density


tryfreeseo.com/fr/tool/keyword-density

This gives Google a clear signal about language targeting. Each language gets its own sitemap (sitemap-en.xml, sitemap-ar.xml, etc.) with proper hreflang annotations:

XML

href="https://tryfreeseo.com/en/tool/keyword-density" />
href="https://tryfreeseo.com/ar/tool/keyword-density" />

The total sitemap covers 505 URLs across 6 sitemap files. I also added IndexNow integration — a protocol supported by Bing and Yandex that allows instant notification when pages are updated, without waiting for the next crawl cycle.

The Tools: What's Actually Inside

The 76 tools span 7 categories:

Category
Tools
Examples
SEO Tools
20
Keyword Density, Meta Tag Generator, SERP Preview
Keyword Tools
12
Keyword Suggest, Long-tail Finder, Search Volume
Image Tools
14
Image Compress, Alt Text Generator, OG Image Creator
Video Tools
8
YouTube SEO, Video Schema, Transcript Generator
Dev Tools
8
JSON-LD Generator, HTML Minifier, XML Sitemap Validator
Content Tools
8
Grammar Checker, Headline Analyzer, AI Meta Description
PDF Tools
6
PDF to Text, PDF Word Count, PDF Metadata Viewer

The most-used tools (based on internal analytics ) are consistently the Keyword Density Checker, Meta Tag Generator, and Word Counter — the bread-and-butter tools that every content creator needs daily.

What I'd Do Differently

Start with fewer tools, done better. Launching with 76 tools meant each one got less polish. A few tools have rough edges I'm still smoothing out. Starting with 20 excellent tools and expanding would have been smarter.

Invest in the blog earlier. The blog now has 8 in-depth articles targeting long-tail keywords like "how to improve page speed for SEO" and "free keyword research guide 2026." These articles are already driving organic traffic, but I should have started writing them before launch, not after.

Add user accounts from day one. "No signup required" is a great hook, but it means I can't offer features like saving tool history, creating projects, or setting up alerts. I'm adding optional accounts now, but retrofitting auth into an existing app is always messier than building it in from the start.

The SEO Strategy for the Platform Itself

Building SEO tools is one thing. Getting the platform itself to rank is another. Here's what's working:

Programmatic SEO at scale. Each of the 76 tools has a dedicated page with a unique URL, unique meta title, unique meta description, and a 600–800 word article explaining what the tool does, how to use it, and why it matters. That's 76 × 5 languages = 380 optimized landing pages generated from structured data.

Targeting low-competition long-tail keywords. Instead of competing for "SEO tools" (DA 80+ competition), I target phrases like "free PDF word count tool online" and "check keyword density free no signup." These convert better and rank faster.

Internal linking through the tool registry. Every tool page links to 3–5 related tools in the same category. This creates a dense internal link graph that helps Google understand the site structure and distributes PageRank efficiently.

The Numbers So Far

The platform launched in early 2026. Here's where things stand:


76 tools across 7 categories


505 indexed URLs across 5 languages


8 blog articles targeting long-tail SEO keywords


0 signups required — ever


100% free — no premium tier, no paywalled features

The goal is to become the go-to free alternative to the paid SEO suites — not by matching their feature depth, but by being faster, simpler, and genuinely free for the tools that matter most day-to-day.

Try It Yourself

If you're doing SEO work and want a single place for your everyday tools, give TryFreeSEO a try. No account needed — just open a tool and use it.

The platform is particularly useful for:


Content writers who need keyword density, readability scores, and meta tag previews


Developers who need JSON-LD generators, HTML minifiers, and sitemap validators


Small business owners who need SERP previews, robots.txt generators, and SSL checkers


SEO freelancers who need a fast, shareable tool for client work

Built with React, tRPC, and a lot of coffee. Feedback welcome in the comments.

Top comments (0)