The latest articles on DEV Community by 冷眼财富 (@_497ee2730944de371918). https://dev.to/_497ee2730944de371918 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3943316%2Fce5147c9-3b5c-47ca-8060-98f3ba5e0882.png https://dev.to/_497ee2730944de371918 en 冷眼财富 Thu, 21 May 2026 07:26:44 +0000 https://dev.to/_497ee2730944de371918/i-built-a-free-url-slug-generator-with-nextjs-16-59io https://dev.to/_497ee2730944de371918/i-built-a-free-url-slug-generator-with-nextjs-16-59io <p>I needed a quick slug generator for my projects and couldn't find one that was fast, private, and supported multiple languages. So I built one.</p> <p>🔗 <strong>Live:</strong> <a href="https://sluggenerator.app" rel="noopener noreferrer">sluggenerator.app</a><br> 📦 <strong>GitHub:</strong> <a href="https://github.com/tangwei-creater/slug-generator" rel="noopener noreferrer">github.com/tangwei-creater/slug-generator</a></p> <h2> What it does </h2> <ul> <li>Converts any text to a clean, SEO-friendly URL slug</li> <li>Real-time preview as you type</li> <li>Custom separators (hyphens, underscores, dots)</li> <li>Unicode transliteration (ñ → n, ü → u)</li> <li>Max length control with word-boundary awareness</li> <li>100% client-side — no data sent to any server</li> </ul> <h2> Tech stack </h2> <ul> <li>Next.js 16 (App Router + Turbopack)</li> <li>next-intl v4 (6 languages: EN, JA, DE, ES, PT, FR)</li> <li>Tailwind CSS v4</li> <li>TypeScript</li> <li>Deployed on Linux VPS + Cloudflare</li> </ul> <h2> SEO features built in </h2> <ul> <li>JSON-LD structured data (WebApplication, FAQPage, BlogPosting)</li> <li>Dynamic OG images via next/og</li> <li>Sitemap with hreflang alternates for all 6 locales</li> <li>5 SEO blog posts with internal linking</li> </ul> <p>It's MIT licensed. Feedback welcome!</p> ai