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

Prop	Description	Required	Value
card	social preview image url	required	string
description	page description	required	string
keywords	keywords	required	array
title	page title	required	string