SEO
Metadata, Open Graph tags, sitemap, and schema markup — fully handled.
Page metadata
Use getSEOTags() from src/libs/seo.tsx in any page's metadata export:
import { getSEOTags } from "@/libs/seo";
export const metadata = getSEOTags({
title: "Pricing",
description: "Choose the plan that works for you.",
canonicalUrlRelative: "/pricing",
index: true, // false → noindex this page
});Omit any option to fall back to the defaults set in config.ts — appName, appDescription, and domainName.
Open Graph & Twitter cards
getSEOTags() automatically generates OG and Twitter card tags. Place a custom OG image at /public/og.png (recommended size: 1200×630 px) and it will be picked up automatically.
Schema markup (JSON-LD)
Call renderSchemaTags() at the top of your home page to emit structured data for search engines:
import { renderSchemaTags } from "@/libs/seo";
export default function Page() {
return (
<>
{renderSchemaTags()}
{/* rest of page */}
</>
);
}Sitemap
Update next-sitemap.config.js in the project root with your domain:
module.exports = {
siteUrl: "https://yourdomain.com",
generateRobotsTxt: true,
};Run after building to generate sitemap.xml and robots.txt:
npm run build && npm run postbuild