Issues implementing layout to blog posts.

[Albertyhu]

I am currently learning how to use astro-netlify-cms to create a sample blogging and I am having trouble implementing the layout for the blogs.

My folder structure looks like the following

-src
-layouts
-MarkdownPostLayout.astro
-pages
-posts
-blog1.md
astro.config.mjs

Here is my astro.config.mjs file:
https://github.com/Albertyhu/astro-blog-with-netlify-cms/blob/main/astro.config.mjs

In collections, I set the field layout to the following:

{
          name: "layout",
          widget: "hidden",
          label: "Layout",
          default: `import layout from '../../layouts/MarkdownPostLayout.astro'`,
        },

Here is the Github repository for the rest of the project: https://github.com/Albertyhu/astro-blog-with-netlify-cms/tree/main

I appreciate any help I can get here.

[fkkehlet]

I see you are missing a content/ folder - astro will not recognize your .md files outside of content/ I don't think, so you need to move posts/ to content/posts/, define a content collection, and then create a [post].astro in your pages folder to render the page. See the docs below:

https://docs.astro.build/en/guides/content-collections/