The latest articles on DEV Community by Adnan Ali (@adnan_ali_cbdd4565f8baa2c). https://dev.to/adnan_ali_cbdd4565f8baa2c 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%2F4194033%2Fa9fe279c-ad63-493d-9ff8-3a042c196773.png https://dev.to/adnan_ali_cbdd4565f8baa2c en Adnan Ali Mon, 19 Oct 2026 11:43:02 +0000 https://dev.to/adnan_ali_cbdd4565f8baa2c/i-built-a-free-tools-site-with-200-tools-using-nextjs-tailwind-and-supabase-3doe https://dev.to/adnan_ali_cbdd4565f8baa2c/i-built-a-free-tools-site-with-200-tools-using-nextjs-tailwind-and-supabase-3doe <p>I recently launched <strong><a href="https://toolslay.com/" rel="noopener noreferrer">Toolslay</a></strong>, a free online tools site with 200+ tools: PDF, image, video, text, calculators and developer utilities. No sign-up, and most tools run directly in the browser.</p> <h2> Why I built it </h2> <p>I use small utility tools every day (merge a PDF, compress an image, format JSON), and most sites are full of popups, forced sign-ups or watermarks. I wanted one clean place where the tool just works.</p> <h2> Stack </h2> <ul> <li> <strong>Next.js (App Router)</strong> for routing and SSR/SSG, so every tool page is crawlable</li> <li> <strong>Tailwind CSS</strong> for fast, consistent UI across 200 pages</li> <li> <strong>Supabase</strong> for the backend bits</li> <li> <strong>Cloudflare Pages</strong> for free hosting and a fast CDN</li> </ul> <h2> What I learned in the first week </h2> <ul> <li> <strong>Client-side processing is a big win.</strong> Most tools run in the browser, so files never leave the user's device. It is better for privacy and costs nothing in server load.</li> <li> <strong>One page per tool matters for SEO.</strong> Each tool has its own URL, title, meta description and FAQ section instead of one giant "tools" page.</li> <li> <strong>Early Search Console data surprised me.</strong> Around 4K impressions in the first week, mostly from long-tail tool queries like "roman numeral converter" and "robots.txt generator".</li> </ul> <h2> What I'd like feedback on </h2> <ol> <li>Which tools should I improve first?</li> <li>Any tool you wish existed but can't find a clean version of?</li> <li>UX feedback: anything slow, confusing or broken?</li> </ol> <p>You can try it here: <strong><a href="https://toolslay.com/" rel="noopener noreferrer">toolslay.com</a></strong></p> <p>Happy to answer questions about the stack or the SEO setup in the comments.</p> webdev nextjs showdev seo