Since Contentlayer has announced the discontinuation of development and is having a lot of problems with version updates, I would like to update my personal site with the features coming with Next.js 14. There are many ways to do this, but it is important to have a structure that is as little affected by external resources as possible and that will allow me to use it for a long time. I came across the main next-mdx-remote package for this, but I didn't find an example to help me understand it better. How do I want to do something?

1. Add blog posts with mdx extension to the blog file in the project directory.
2. Render the mdx files added to the blog file on the blog page.
3. It should allow structures such as code, quote to be included.

I would be very happy to listen to your ideas about this!