Readable, hyphenated URLsReadable, hyphenated URLs

Lint a URL

Edit the URL or title, or load a preset.

import { NextResponse, type NextRequest } from "next/server";

const JUNK = /^(sessionid|sid|jsessionid|phpsessid|utm_\w+|gclid|fbclid)$/i;

export function middleware(req: NextRequest) {
  const url = req.nextUrl.clone();
  const lower = url.pathname.toLowerCase();
  let changed = lower !== url.pathname;
  url.pathname = lower;
  for (const key of [...url.searchParams.keys()]) {
    if (JUNK.test(key)) { url.searchParams.delete(key); changed = true; }
  }
  return changed ? NextResponse.redirect(url, 301) : NextResponse.next();
}

Slug from a title

Type a title or pick a preset.

const FILLER = new Set(["a", "an", "the", "and", "or", "of", "to", "in", "on", "for", "with", "at", "by", "from"]);

export function slugify(title: string, dropFiller = true) {
  const words = title
    .normalize("NFKD").replace(/[̀-ͯ]/g, "") // é → e
    .toLowerCase()
    .replace(/&/g, " and ")
    .replace(/['’]/g, "")
    .split(/[^a-z0-9]+/)
    .filter(Boolean);
  const kept = dropFiller ? words.filter((w) => !FILLER.has(w)) : words;
  return (kept.length >= 2 ? kept : words).join("-");
}

Parameter explosion

Toggle parameters. Turn on sessionid last.

<link rel="canonical" href="https://example.com/running-shoes">
<link rel="canonical" href="https://example.com/running-shoes/red">

Set-Cookie: sid=ab9f…; Path=/; HttpOnly; Secure; SameSite=Lax

Why it matters, pros and cons