AuroraSEO

v1.0.0

A lightweight SEO utility package for Next.js and React apps that makes it simple to manage meta tags, social previews, and structured data with clean, declarative syntax.

Installation
Get started with aurora-seo in your Next.js or React project

Using npm:

npm install aurora-seo

Using yarn:

yarn add aurora-seo

Using pnpm:

pnpm add aurora-seo
Quick Start
Basic usage example to get you started immediately
import { AuroraSEO } from 'aurora-seo';

export default function MyPage() {
  return (
    <>
      <AuroraSEO
        title="My Awesome Page"
        description="This is an amazing page built with Next.js"
        url="https://mysite.com/my-page"
        image="https://mysite.com/opengraph-image.png"
      />
      <div>
        <h1>My Page Content</h1>
      </div>
    </>
  );
}
API Reference
Complete list of props and their descriptions
PropTypeRequiredDescription
titlestringYesPage title for browser tab and search results
descriptionstringYesMeta description for search engines and social media
urlstringNoCanonical URL of the page
imagestringNoOpen Graph image URL for social media previews
typestringNoOpen Graph type (default: "website")
siteNamestringNoName of your website/brand
keywordsstring[]NoArray of keywords for the page
Advanced Usage
Complete example with all available options
import { AuroraSEO } from 'aurora-seo';

export default function BlogPost() {
  return (
    <>
      <AuroraSEO
        title="How to Build Amazing Web Apps"
        description="Learn the best practices for building modern web applications with React and Next.js"
        url="https://mysite.com/blog/amazing-web-apps"
        image="https://mysite.com/images/blog/web-apps-cover.jpg"
        type="article"
        siteName="Aurora Software Labs"
        keywords={["web development", "react", "nextjs", "tutorial"]}
      />
      <article>
        <h1>How to Build Amazing Web Apps</h1>
        <p>Your blog content here...</p>
      </article>
    </>
  );
}
Features
What aurora-seo provides out of the box

Meta Tags

Automatically generates title, description, and keyword meta tags

Open Graph

Perfect social media previews for Facebook, LinkedIn, and more

Twitter Cards

Optimized Twitter/X card previews with proper metadata

Canonical URLs

Prevents duplicate content issues with proper canonical tags

TypeScript

Full TypeScript support with type safety and autocompletion

Zero Dependencies

Lightweight with no external dependencies to bloat your bundle

Support & Contributing
Get help and contribute to the project

Found a bug or have a feature request?

We'd love to hear from you! Please open an issue on our GitHub repository.

Open an Issue

Want to contribute?

Contributions are welcome! Check out our contributing guidelines and submit a pull request.

View on GitHub