SEO

Brief introduction to SEO

Search Engine Optimization (SEO) is the practice of increasing the quantity and quality of traffic to your website through organic search engine results. ZapStart has a built-in SEO component that allows you to easily manage your website's metadata.

SEO with ZapStart

To manage your website's metadata, navigate to the SEO.tsx file located in the components directory. Here you can adjust the default values and changing them to your own values.

How to use the SEO component

In order to use the SEO component, I recommend passing the title, the description and the url props to the SEO component. This will ensure that your website is optimized for search engines. The file _app.tsx already has a default SEO component that applies your default values to all pages. You can also override these values by passing them as props to the SEO component and placing it in the desired page.

components/SEO.tsx

import SEO from "@/components/SEO"

export default function Docs() {
  return (
    <>
      <SEO
        title="Docs - ZapStart"
        description="Welcome to the ZapStart documentation. Get started with our Next.js boilerplate and save up to 30 hours of development time."
        url="https://www.zap-start.com/docs"
      />
    </>
  )
}