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' },
]
}