Hey Product Hunt! 👋 Atharva here, maker of react-meta-seo I'm thrilled to launch react-meta-seo today – a zero-runtime SEO library built specifically for React 19! 🎯 Why I Built This - As a final-year computer engineering student working on multiple React projects, I got frustrated with existing SEO solutions. Here's what pushed me to build this: - react-helmet is bloated: It adds unnecessary runtime overhead and doesn't work well with React Server Components - React 19 changed everything: The new architecture needed a modern solution, not adapters for old libraries - Type safety matters: I was tired of debugging SEO issues because of typos in meta tags or JSON-LD schemas - Developer experience was terrible: Why do we need Providers and complex setup just to add meta tags? I wanted something that "just works" – no configuration, no runtime cost, fully typed, and built for the React ecosystem we have TODAY, not five years ago. 🚀 What Makes react-meta-seo Different Zero-Runtime Overhead - Unlike react-helmet, react-meta-seo generates pure HTML meta tags at build time. No JavaScript shipped to the browser for SEO tags. This means faster page loads and better Core Web Vitals scores. React Server Components First - Built from the ground up for RSC. Works seamlessly with Next.js App Router, server-side rendering, and static generation – no hacks or workarounds needed. Type-Safe Everything - Full TypeScript support with IntelliSense for: - All meta tag properties - Open Graph tags - Twitter Card schemas - JSON-LD structured data (Article, Product, Organization, etc.) Drop-in Replacement - Migrating from react-helmet? Just swap the imports. The API is intentionally similar, so you can refactor incrementally without rewriting your entire app. Built-in Tools - Sitemap generator for automatic XML sitemap creation - Social preview debugger to test how your pages look on Twitter, LinkedIn, Facebook - Validation warnings in development mode 🙏 I Need Your Help - This is my first major open-source launch, and I'd love your feedback: - Try it out: npm i react-meta-seo – I'd love to hear if it works for your use case - Break it: Found a bug? Open an issue on GitHub. I'm committed to fixing issues within 48 hours - Feature requests: What SEO features do you wish existed in React? - Compare: If you've used react-helmet, next-seo, or other libraries, how does this compare? - Spread the word: If you find it useful, a star on GitHub or share on Twitter means the world to me 🔗 Links GitHub: github.com/ATHARVA262005/react-meta ⭐ NPM: npmjs.com/package/react-meta-seo Documentation: https://react-meta-seo.vercel.ap... 💬 Let's Talk! I'll be here all day answering questions, discussing SEO best practices, or just chatting about React 19 and modern web development. Don't hesitate to ask anything – whether it's about implementation details, migration guides, or why I chose certain technical approaches. Also, I'm actively looking for beta users who want to implement this in production apps. If you're interested, drop a comment and I'll personally help you get set up and gather your feedback for improvements. Thanks for checking out react-meta-seo! Let's make React SEO better together. 🚀

react-meta-seo

Zero-runtime SEO library for React 19 with type-safe JSON-LD

Zero-runtime SEO library for React 19 with type-safe JSON-LD