Meta Overrides
Loading "Dynamic Metadata for Different Routes"
Run locally for transcripts
๐จโ๐ผ We want to be able to override the
title and description for certain
pages. Specifically, we want to have the
following meta:- Title: Profile | Epic Notes
- Description: Checkout this Profile on Epic Notes
To do this, we'll need to use
Remix's conventional
meta export for nested routes in combination with its
<Meta /> component.As a reminder, here's what the API looks like:
import { type MetaFunction } from '@remix-run/react'
export const meta: MetaFunction = () => {
return [
{ title: 'Sandwich Shop' },
{ name: 'description', content: 'Fill your tummy with something yummy' },
]
}