Support `handle` for mdx frontmatter #2592

danieltott · 2022-04-01T17:40:15Z

danieltott
Apr 1, 2022

Similar to #1856, I would very much love the ability to have a way to send data up to parent routes via useMatches from mdx files. It seems like handle should be a relatively easy solution here.

This would let us do something like this:

---
meta:
  title: My First Post
  description: Isn't this awesome?
handle:
  breadcrumb:
    url: /gohere
    title: My First Post
---

# Hello Content!

// root.tsx
import {
  Links,
  Scripts,
  useMatches,
} from "remix";

export default function Root() {
  const matches = useMatches();

  return (
    <html lang="en">
      <head>
        <Links />
      </head>
      <body>
        <header>
          <ol>
            {matches
              // skip routes that don't have a breadcrumb
              .filter(
                (match) =>
                  match.handle && match.handle.breadcrumb
              )
              // render breadcrumbs!
              .map((match, index) => (
                <li key={index}>
                  <Link to={match.handle.breadcrumb.url}>{match.handle.breadcrumb.title}</Link>
                </li>
              ))}
          </ol>
        </header>

        <Outlet />
      </body>
    </html>
  );
}

This would also solve this issue: #9 (comment)

kentcdodds · 2022-07-19T18:07:09Z

kentcdodds
Jul 19, 2022
Maintainer

Hi @danieltott!

We actually support this currently:

---
meta:
  title: My First Post
  description: Isn't this awesome?
---

export const handle = {
  breadcrumb: {
    url: "/gohear",
    title: "My First Post",
  }
}

# Hello Content!

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Support `handle` for mdx frontmatter #2592

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Support handle for mdx frontmatter #2592

Uh oh!

danieltott Apr 1, 2022

Replies: 1 comment

Uh oh!

kentcdodds Jul 19, 2022 Maintainer

Support `handle` for mdx frontmatter #2592

danieltott
Apr 1, 2022

kentcdodds
Jul 19, 2022
Maintainer