Features > SEO

Learn how to implement and optimize SEO in your Nexset application. This guide covers metadata configuration, structured data, and search engine optimization best practices.

Basic Configuration

Configure default SEO values in your config.js file:

export default {
  appName: "Your App Name",
  appDescription: "Your app description",
  domainName: "yourdomain.com",
  // ... other config
};

Default SEO Tags

The /libs/seo.js helper automatically adds important SEO tags to all pages through the main /app/layout.js file. These tags use your default configuration values.

Custom Page Metadata

To add custom SEO tags to specific pages, use the getSEOTags helper:

import { getSEOTags } from "@/libs/seo";

export const metadata = getSEOTags({
  title: "Terms and Conditions | Your App Name",
  canonicalUrlRelative: "/terms",
});

export default async function TermsAndConditions() {
  // ... component code
}

Structured Data

Add structured data to help search engines better understand your content using the renderSchemaTags function:

import { renderSchemaTags } from "@/libs/seo";

export default function Page() {
  return (
    <>
      {renderSchemaTags()}
      <main>
        {/* Your page content */}
      </main>
    </>
  );
}

Sitemap Configuration

Configure your sitemap in next-sitemap.config.js:

module.exports = {
  siteUrl: "https://yourdomain.com",
  generateRobotsTxt: true,
  // ... other config
};

Search Console Setup

  • 1

    Claim your domain ownership on Google Search Console

  • 2

    Submit your sitemap.xml

  • 3

    Monitor indexing status

  • 4

    Track search performance

Best Practices

  • 1

    Always set title and canonicalUrlRelative for each page

  • 2

    Use descriptive and unique titles

  • 3

    Implement structured data where relevant

  • 4

    Keep URLs clean and semantic

  • 5

    Ensure proper heading hierarchy

  • 6

    Optimize images with alt text

  • 7

    Monitor Core Web Vitals

Additional Resources