Adding Metadata Using Markdown Frontmatter in NextJS |
I embedded some metadata in my markdown files using the markdown frontmatter format. After parsing this data, I included it in my NextJS pages. I also optimized the hydration time by handling some of the markdown processing during the build.
📰 Article: https://www.bayanbennett.com/posts/ad...
🗃️ Repository: https://github.com/BayanBennett/refer...
🌐 Site: https://reference.bayanbennett.com/
CHAPTERS #
00:00 Intro
00:23 File timestamps aren't tracked by git
01:06 Using markdown frontmatter instead
01:24 What is markdown frontmatter?
01:37 Parsing using `remark-frontmatter` ➕ `remark-parse-frontmatter`
02:21 Example of a markdown file with frontmatter
03:02 Problem with `react-markdown`
03:56 Deconstructing `react-markdown`
05:28 Using the markdown frontmatter
06:27 Result
07:10 Outro
---
#NextJS #Markdown #JavaScript