DEV Community

冷眼财富
冷眼财富

Posted on

I Built a Free URL Slug Generator with Next.js 16 — Open Source

#ai

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.

🔗 Live: sluggenerator.app
📦 GitHub: github.com/tangwei-creater/slug-generator

What it does

  • Converts any text to a clean, SEO-friendly URL slug
  • Real-time preview as you type
  • Custom separators (hyphens, underscores, dots)
  • Unicode transliteration (ñ → n, ü → u)
  • Max length control with word-boundary awareness
  • 100% client-side — no data sent to any server

Tech stack

  • Next.js 16 (App Router + Turbopack)
  • next-intl v4 (6 languages: EN, JA, DE, ES, PT, FR)
  • Tailwind CSS v4
  • TypeScript
  • Deployed on Linux VPS + Cloudflare

SEO features built in

  • JSON-LD structured data (WebApplication, FAQPage, BlogPosting)
  • Dynamic OG images via next/og
  • Sitemap with hreflang alternates for all 6 locales
  • 5 SEO blog posts with internal linking

It's MIT licensed. Feedback welcome!

Top comments (0)