Docs
SEO

SEO

Optimizing Your BuouNext for Search Engines.

SEO (Search Engine Optimization) is the practice of enhancing your website to increase its visibility in search engine results. A higher ranking leads to more organic traffic, ultimately boosting your site's performance. Luckily, the BuouNext boilerplate comes pre-equipped with all the best SEO practices to help you succeed.

BuouNext SEO Performance

At BuouNext, we've integrated comprehensive SEO strategies right into our platform to ensure optimal performance. Here's a snapshot of our current SEO efficiency:

cf-speed cesu

Built-in SEO Support with BuouNext

Next.js offers a Metadata API that allows you to easily define your application's metadata. Below is an example configuration from(app/layout.tsx):

export const metadata : Metadata= {
  title: {
    default: siteConfig.name,
    template: `%s | ${siteConfig.name}`,
  },
  description: siteConfig.description,
  metadataBase: new URL(siteConfig.url),
  keywords: [
    "contentlayer",
    "BuouNext",
    "next starter kit",
    "tailwind",
    "Next.js",
    "React",
    "Tailwind CSS",
    "Server Components",
    "Radix UI",
  ],
  authors: [
    {
      name: "buou",
      url: "https://next.buouui.com",
    },
  ],
  creator: "buoooou",
  openGraph: {
    type: "website",
    locale: "en_US",
    url: siteConfig.url,
    title: siteConfig.name,
    description: siteConfig.description,
    siteName: siteConfig.name,
  },
  twitter: {
    card: "summary_large_image",
    title: siteConfig.name,
    description: siteConfig.description,
    images: [`${siteConfig.url}/og.jpg`],
    creator: "@buou",
  },
  icons: {
    icon: "/favicon.ico",
    shortcut: "/favicon-16x16.png",
    apple: "/apple-touch-icon.png",
  },
  manifest: `${siteConfig.url}/site.webmanifest`,
}

To further enhance your site's SEO, you can customize the robots.txt configuration located in:

app/robots.tsx

Additional Resources

Here are some useful tools to monitor and analyze your site's performance: