Projects

Does It Preview – Metadata Debugger & Social Preview SaaS

SaaS
SEO
Next.js

A web-based tool that previews how your URL appears on Facebook, LinkedIn, and Twitter, and checks metadata health with warnings and fix suggestions.

SEO metadata visual preview tool showing health scores.

Overview

Does It Preview helps developers and marketers ensure their links look great on social platforms. It scrapes Open Graph and Twitter Card tags, renders accurate previews, and provides validation scores.

Try it out one the official website.

Key Features:

  • ✅ Facebook, LinkedIn, Twitter Previews – Real previews of how a link will render.
  • ✅ Metadata Health Score – Colour-coded scoring with fix suggestions.
  • ✅ Copy-Ready Metadata Block – Generated HTML snippets.
  • ✅ Mobile Friendly – Built with responsive design.
  • ✅ Supabase Tracking – Token and user log support.

Technology Stack:

  • Framework: Next.js
  • Styling: Tailwind CSS
  • Hosting: Vercel

Project Goal & Learning Outcomes:

  • 🛠 Build a useful dev-focused SaaS product.
  • 🔍 Visualise metadata in a simple interface.
  • 💡 Improve awareness of social SEO in projects.