Meta Data

You can specify meta data (such as title, social cards and keywords) on the page head using the Meta component.

import { Meta, HomeLayout } from 'components/lib'

export default function Home(props){

  return (
    <HomeLayout>   
      <Meta 
        title='Your Page Title'
        keywords={['your', 'keywords', 'go', 'here']}
        description='Your page description here'
        card='https://your_social_card_url.jpg'
      />
    </HomeLayout>
  )
}

Props

PropDescriptionRequiredValue

card

social preview image url

required

string

description

page description

required

string

keywords

keywords

required

array

title

page title

required

string

Last updated