NextJS blog example using markdowndb

[rufuspollock]

Create a tutorial and example in examples folder of using markdowndb to make a simple nextjs based blog.

Reference: https://nextjs.org/learn-pages-router/basics/data-fetching/blog-data - note we are replacing their hand-coded get the blog posts with our quicker version and explaining the extra stuff we can do.

Acceptance

• Tutorial written 🚧2023-11-22 see sketch below ✅2023-11-30 Add basic blog example in the readme #76
• Example in examples folder showing finished state (in perfect world we have a branch with each major change in tutorial being a commit so we can point to that) ✅2023-11-30 Add basic blog example in the readme #76

Tasks

• Draft an outline of tutorial ✅2023-11-30 Add basic blog example in the readme #76
• Roughly fill it in and write the code as you go ...
  • Review together in a pull request (you can submit even at first step as a draft PR and we keep reviewing)
• Fill it out ...
• Done ...

Notes

Something like this:

• we're going to create a nextjs based blog with help of markdowndb
• here's a simple nextjs project
• here's a folder with 3 blog posts
• here's some code to create the blog listing page
• we need to load those blog posts and get their titles etc
• let's use markdowndb
  • install
  • use: here's the code snippet
• ok, so we could have done that by hand ...
• but here are some cool features
  • look ma, no front matter: auto-extract title for us from the first heading in the file. auto-extract an image
  • validation! suppose we add a blog post and forget to add an image field. now our site will erro
    • we could check for this easily in markdowndb ... here's how
  • tags: just set tags with hashbang

[mohamedsalem401]

@rufuspollock
I drafted the tutorial and encountered an issue while attempting to write a basic code for creating a nextjs blog with MarkdownDB:

It seems that this issue might be related to #44. I'll delve into debugging to identify and address the problem.

[mohamedsalem401]

This is done ✅2023-11-30 #76