If you put a markdown or mdx file somewhere within the
app/routes directory of a Remix app, it knows how to
render it to HTML. There is no additional setup necessary, it works out of the
box.
For instance, trying creating an about.md file under app/routes.
# About
My name is **Josh Branchaud** and I am an _independent_ software developer.
Reach out to me at <a href="mailto:[email protected]">[email protected]</a>.Now, run the app's dev server and visit localhost:3000/about. You'll see a
fairly unstyled page with this text rendered to it. Try inspecting the source
and you'll see, for instance, that About is wrapped in an <h1> tag.
If you want this markdown styled (e.g. a larger font size for that <h1>),
you'll either have to write some custom styles or pull in something like
@tailwindcss/typography.