docs/src/components/SEO.tsx at cooper/test · hmmhmmhm/docs

Repository navigation

History

import * as React from "react";

import { DefaultSeo, NextSeo, NextSeoProps } from "next-seo";

import Head from "next/head";

import { DefaultSeoProps } from "next-seo";

export interface Props extends NextSeoProps {

title?: string;

description?: string;

image?: string;

}

const title = "Railway Docs";

export const url = "https://docs.railway.app";

const description = "Documentation for Railway";

const image = "https://docs.railway.app/og.png";

const config: DefaultSeoProps = {

title,

description,

openGraph: {

type: "website",

url,

site_name: title,

images: [{ url: image }],

twitter: {

handle: "@Railway_App",

cardType: "summary_large_image",

};

export const SEO: React.FC<Props> = ({ image, ...props }) => {

const title = props.title ?? config.title;

const description = props.description || config.description;

return (

<NextSeo

{...props}

{...(image == null

? {}

: {

openGraph: {

images: [{ url: image }],

})}

<Head>

<title>{title}</title>

</Head>

</>

);

};

FilesExpand file tree

SEO.tsx

Latest commit

History

SEO.tsx

File metadata and controls