The latest articles on DEV Community by Dreams (@gavin0x0). https://dev.to/gavin0x0 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4083818%2Ffe69bd99-a923-4409-8c6a-29e2139def85.JPG https://dev.to/gavin0x0 en Dreams Tue, 18 Aug 2026 19:08:48 +0000 https://dev.to/gavin0x0/how-i-built-a-680-tool-website-with-astro-and-got-22k-pages-indexed-2b46 https://dev.to/gavin0x0/how-i-built-a-680-tool-website-with-astro-and-got-22k-pages-indexed-2b46 <blockquote> <p>A journey of 933 rounds of iterative development</p> </blockquote> <h2> The Problem </h2> <p>I was tired of online tools that:</p> <ul> <li>Required email sign-ups</li> <li>Showed intrusive ads</li> <li>Sent your data to unknown servers</li> <li>Were slow and bloated</li> </ul> <h2> The Solution: NeoToolkit </h2> <p><strong>NeoToolkit</strong> (<a href="https://neotoolkit.com" rel="noopener noreferrer">https://neotoolkit.com</a>) is a privacy-first online toolkit with <strong>680+ free tools</strong> that run entirely in your browser.</p> <h2> Key Numbers </h2> <ul> <li>🛠️ <strong>680+ tools</strong> — calculators, converters, generators, and more</li> <li>🌍 <strong>12 languages</strong> — EN, ES, FR, DE, IT, PT, JA, KO, ZH, RU, AR, HI</li> <li>📄 <strong>22,386 pages</strong> — all statically generated</li> <li>🔒 <strong>100% client-side</strong> — zero data collection</li> <li>⚡ <strong>Fast</strong> — Astro SSG + Vercel edge</li> </ul> <h2> Tech Stack </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>Framework: Astro (Static Site Generation) Language: TypeScript Styling: Tailwind CSS Deploy: Vercel Build time: ~44 seconds for 22K pages </code></pre> </div> <h2> The Development Process </h2> <p>Instead of building everything at once, I used an <strong>iterative approach</strong>:</p> <ol> <li> <strong>Round 1-100</strong>: Core infrastructure + first 50 tools</li> <li> <strong>Round 101-500</strong>: Expanded to 12 languages, added 300+ tools</li> <li> <strong>Round 501-933</strong>: Refined SEO, added sports/financial/health tools</li> </ol> <p>Each "round" = data collection → analysis → plan → develop → deploy → report.</p> <h2> SEO Strategy </h2> <h3> What Worked </h3> <ul> <li> <strong>Multi-language pages</strong>: 12x the indexing opportunity</li> <li> <strong>Long-tail keywords</strong>: Each tool targets specific queries</li> <li> <strong>Structured data</strong>: Schema.org markup on every page</li> <li> <strong>Sitemap</strong>: 22K URLs submitted to Google</li> </ul> <h3> What Didn't (Yet) </h3> <ul> <li> <strong>Backlinks</strong>: Still building domain authority</li> <li> <strong>Core keywords</strong>: Ranking ~50th for competitive terms</li> <li> <strong>Click-through rate</strong>: 0% from Google search (working on this!)</li> </ul> <h2> Popular Tools </h2> <div class="table-wrapper-paragraph"><table> <thead> <tr> <th>Tool</th> <th>Category</th> <th>Why It Works</th> </tr> </thead> <tbody> <tr> <td>Online Ruler</td> <td>Utility</td> <td>Unique — calibrates to your screen</td> </tr> <tr> <td>Tournament Bracket</td> <td>Sports</td> <td>Supports 4-128 teams</td> </tr> <tr> <td>BMI Calculator</td> <td>Health</td> <td>Simple, fast, accurate</td> </tr> <tr> <td>Password Generator</td> <td>Security</td> <td>Multiple strength options</td> </tr> <tr> <td>AI Content Detector</td> <td>AI</td> <td>Trending topic</td> </tr> </tbody> </table></div> <h2> Lessons Learned </h2> <ol> <li> <strong>Astro SSG is perfect for tool sites</strong> — fast builds, zero JS by default</li> <li> <strong>i18n is non-trivial</strong> — 12 languages = 12x the content management</li> <li> <strong>SEO is a marathon</strong> — 22K pages indexed but ranking takes time</li> <li> <strong>Client-side = trust</strong> — users love that their data stays local</li> <li> <strong>Iterate fast</strong> — 933 rounds taught me more than any course</li> </ol> <h2> What's Next </h2> <ul> <li>More backlink building (this article is part of it!)</li> <li>AI-powered tools</li> <li>User-requested features</li> <li>Performance optimization</li> </ul> <h2> Try It Out </h2> <p>👉 <a href="https://neotoolkit.com" rel="noopener noreferrer">https://neotoolkit.com</a></p> <p><strong>Open source?</strong> Not yet, but considering it. Drop a comment if you'd contribute!</p> <p><em>Built with ❤️ and way too much coffee.</em></p> javascript performance tools webdev