Show HN: React-meta-SEO – Rebuilding SEO for React 19 (3KB, no providers)
npmjs.comI’m a computer engineering student at SPPU. While working on a project with React 19, I realized that the standard libraries we use for SEO (like React Helmet) are still doing things the "old" way.
The Problem: Older libraries use a trick called "side effects" to change your page title and meta tags after the page has already loaded. This can cause the title to flicker or make the site feel a bit slower because the browser has to do extra work.
The Solution: React 19 added a built-in feature that lets it move tags to the top of the page (the <head>) automatically. I built react-meta-seo to make this new feature easy to use for everyone.
Why it’s simpler for developers:
No "Provider" needed: You don't have to wrap your whole app in a special component. It just works wherever you drop it.
Tiny size: It’s under 4KB. For comparison, legacy options are usually 15KB or more.
No more broken Google data: It checks your Google Search data (JSON-LD) automatically to make sure it’s formatted correctly.
Built-in Preview: I added a tool so you can see what your site will look like on Twitter or Facebook while you're still coding.
Simple Sitemap Tool: It includes a command-line tool to make your sitemap.xml for you.
I wanted to build something that used the new React 19 features to make SEO faster and easier to set up. I’d love to get some feedback on the code!