What's new in DevZap

Added

• 5 new free tools:
  • CSS Unit Converter — px ↔ rem ↔ em with configurable root + clamp() generator for fluid typography
  • Tailwind Colors — full Tailwind v4 default palette browser, copy as class / HEX / OKLCH
  • CSS Named Colors — all 148 CSS color names searchable + filterable by hue group
  • Font Pairing — preview heading + body Google Font combinations live, copy CSS snippet
  • Redirect Path Builder — compose URL redirects, export as nginx / Apache / Vercel / Netlify
• Internal search at /search powered by Pagefind. Indexes tools, blog posts, features, changelog at build time.
• Updated cross-links — new tools reference each other and the existing color/CSS tools where relevant.

Changed

• Tool islands registry expanded from 7 → 12 (http-status-codes remains MDX-only).
• Build pipeline now runs Pagefind via postbuild hook to generate dist/pagefind/.

Added

• Use cases by role at /use-cases — four persona-tailored landing pages (Developer, Designer, Marketer, QA Engineer). Each lists pain points, three concrete workflows, and recommended tools + features.
• Dynamic OG generation for tools and features — the Satori prebuild script now generates 1200×630 covers for every entry across /posts, /tools, and /features. Previously only blog posts had auto-generated covers.
• Search UX polish:
  • Results grouped by content type (Free tools / Blog / Extension features / Use cases / Changelog / Other)
  • Recent searches saved per browser via localStorage
  • Esc clears the search input
  • / from anywhere on the site jumps to /search and focuses the input
• Newsletter signup form in home + blog index. Platform-agnostic — POSTs to whatever endpoint is configured. Currently in preview mode (PLACEHOLDER) until the email platform is finalized.

Changed

• routes.ts adds typed entries for useCases, useCase(slug), and search.
• BaseLayout injects the / keyboard shortcut globally via inline script (zero JS bundle).

Notes

• Newsletter platform decision pending — when chosen (ConvertKit / Buttondown / MailerLite / etc.), update config.urls.newsletterEndpoint to the live POST URL. The form will switch from preview mode to real subscription automatically.

Added

• Free tools hub at /tools with category filtering
  • Color Converter (HEX / RGB / HSL / OKLCH bidirectional)
  • WCAG Contrast Checker (AA / AAA pass/fail)
  • CSS Gradient Generator (linear / radial / conic)
  • Box Shadow Generator (multi-layer stack)
  • Meta Tags Generator (Basic Meta / OG / Twitter Cards with live previews)
  • HTTP Status Codes Reference
  • HTML Entities Reference (searchable)
  • Lorem Ipsum Generator
• Blog at /blog with category, tag, and author indexes
  • RSS feed at /blog/rss.xml
  • Auto-generated OG covers via Satori at build time
  • Three launch posts on color, accessibility, and meta tags
• Public changelog at /changelog
• Cross-linking between tools, features, and posts

Changed

• Top-nav restructured: Features / Tools / Pricing / Blog
• Footer adds Manage license, Changelog
• Brand drift CI guard extended to scan tool islands

Added

• Home, Features, Pricing, About pages with refreshed copy and visual identity
• Schema.org structured data on every page (SoftwareApplication, FAQPage, BreadcrumbList)
• View Transitions for smooth navigation between pages
• Self-hosted Inter variable font with preload
• Premium checkout via DodoPayments, redirects to panel.devzap.com

Changed

• Replaced Next.js + DaisyUI stack with Astro + Tailwind v4 (CSS-first tokens)
• Reduced JavaScript bundle to a single React island (ButtonCheckout)
• Lighthouse mobile + desktop scores ≥ 95 across all critical pages

Fixed

• Mobile navigation now uses CSS-only disclosure (no JS, no flicker on first paint)
• Canonical URLs preserved on all routes