DEV Community

amrgharz
amrgharz

Posted on

How I Built a Zero-Latency Open Graph & SERP Previewer with Next.js

Most social preview debuggers and meta tag testers today are bloated, slow, or locked behind ad walls and paywalls.

I wanted a clean, browser-native suite of tools that runs 100% client-side with 0ms server latency, so I built OmniSEOtools.

Why Client-Side Matters

Instead of scraping URLs on a remote server, testing your tags and title dimensions directly in the browser gives instant feedback.

Here is what is currently live and open:

The project is built using Next.js (App Router), Tailwind CSS, and is open-sourced on GitHub.

Would love feedback from other developers on what other SEO or meta utilities you'd find useful to have client-side!

Top comments (1)

Collapse
 
citedy profile image
Dmitry Sergeev

i was stuck on the same issue with next.js metadata api not firing on client side, curious how you handled the cache invalidation when the og image url changes