Create a Custom Blog with Astro & NetlifyCMS in MINUTES!

This is how you can create a custom CMS blog using Astro for creating the project, and NetlifyCMS which uses your GitHub repository to host your content.
For any questions or suggestions, leave them below in the comments!
Repository link: github.com/KumailP/kumails-blog

[@tasefully_bored]

Cool stuff look forward to having a play with this, they have updated some folders so heres what you'll need to change to get this working with astro 1.4 in the config.yml step 1 I created a folder Public/Uploads to store images that will be uploaded so its configured to do that. backend: name: git-gateway branch: master # Change this to whatever your master is publish_mode: editorial_workflow media_folder: "public/uploads" # Media files will be stored here in public/Uploads you'll have to create this public_folder: "/uploads" # this is the post deployment folder for images collections: - name: "blog" # Used in routes, e.g., /admin/collections/blog label: "Blog" # Used in the UI folder: "src/content/blog" # The path to the folder where the documents are stored new for 1.4 create: true # Allow users to create new documents in this collection slug: "{{slug}}" fields: # The fields for each document - {label: "Title", name: "title", widget: "string"} - {label: "Description", name: "description", widget: "string"} - {label: "Publish Date", name: "pubDate", widget: "datetime"} - {label: "Featured Image", name: "heroImage", widget: "image", required: false} # set required to false can remove if you need - {label: "Body", name: "body", widget: "markdown"}

[@415423591]

1:01 to 1:20 - excellent, concise summary of the page structure.

[@AronGriffis]

This is one of the most clear and polished technical how-to videos I've ever seen. Thanks for all the effort you put into this!

[@jak3legacy]

Love how clear, concise, and informative this is. Thank you for this video!

[@julianriise131]

Can't wait for the second part! Astro + Tailwind for the win!

[@maskman4821]

Wow, Netlify has made writing Astro blog so much easier, must give it a try 😍

[@HarmeetSingh-ez9hk]

Great video... Waiting for the second part

[@ahmadhabib1493]

Thank you for this! will keep an eye out for the tailwind version of this blog.

[@dawoodsadiq]

Great explanation and Astro seems interesting… waiting for more videos like this.

[@ruskasielu6261]

This is gold ! Although netlify CMS was changed to decap, most of it still works the same so it's still very useful

[@brandisaagency2356]

Can I get Decap CMS to work on a blog part of my website that I already deployed on Netlify?

[@ruskasielu6261]

@@brandisaagency2356 I don't know tbh, i don't have much experience with it, but you can contact Decap, they probably will be able to help

[@aaronmarcoarias5652]

Awesome step-by-step! Thanks for posting.

[@texoport]

This video was very well done and it was exactly what I was looking for :)

[@daniyalsadiq4837]

Great Explanation. Waiting for more videos like this

[@AsadKhan-cw6ue]

Amazing, I am waiting for the next video.

[@preserveoladipo2792]

Cool stuff 👍, still waiting for the next video you promised

[@sheldonfourie5959]

solid content and solid explanations man

[@brandena5456]

Great video. I was considering doing exactly this, and it looks like exactly what I need. Thanks!

[@TheNowRealm]

Terrific video of great value. Thank you a ton! You should make more videos on the topic.

[@samelie]

nice work, thanks for sharing the flow

[@ApoorvKhandelwal]

Great video.. love to see full blog course

[@igbarcelo]

thank you so much for this gem ✨

[@tomyebest]

Great tutorial, thank you

[@MarfTaylor]

Hello whenever I am trying to access the admin panel after following the tutorial, I get the following error message: error=access_denied&error_description=Signups+not+allowed+for+this+instance

[@RezaAryaMaulana]

Thankss for the video

[@grahamvp]

good stuff :)

[@unity_12]

cool! 😎

[@vintagewally9824]

solid! problem with netlify cms is if you have a multilanguage project I would say.

[@HaBhBo]

bro dropped an amazing guide then dipped.

[@ArquitetoLocatelli]

Really cool, thanks! Any idea on how to use Notion as a CMS for Astro?

[@meditationmusic4115]

Hi, thanks for this helpful tutorial, i get an error in the registration with github to the admin cms

[@Flo_Motion]

I followed this step by step, I can login, publish content, but when I publish the deployment fails on netlify with this error: 11:42:12 AM: [vite]: Rollup failed to resolve import "blog" from "/opt/build/repo/src/pages/blog/title.md". 11:42:12 AM: This is most likely unintended because it can break your application at runtime. 11:42:12 AM: If you do want to externalize this module explicitly add it to 11:42:12 AM: `build.rollupOptions.external` 11:42:12 AM: error [vite]: Rollup failed to resolve import "blog" from "/opt/build/repo/src/pages/blog/title.md". 11:42:12 AM: This is most likely unintended because it can break your application at runtime. 11:42:12 AM: If you do want to externalize this module explicitly add it to 11:42:12 AM: `build.rollupOptions.external` I haven't added anything extra and followed your video EXACTLY. What is this?

[@oziocb]

nice

[@brandisaagency2356]

Can I get Decap CMS to work on a blog part of my website that I already deployed on Netlify?

[@aianshu]

how to use mdx with netlify cms

[@Russia-with-krafi_bn]

where is update , do this with netlify + static cms + astro

[@unity_12]

When next video?

[@Flo_Motion]

Yeah this tutorial is already old. With astro changes and recent netlify changes, all the folder structures, netlify settings etc are all different. I suggest you try following your own tutorial with a fresh setup using latest astro and netlify. It won't work.

[@shiroe689]

where can u found the dist folder??? it's fucking conffuse

[@marklong2060]

Efing nightmare! Wasted a whole day on this pos...maybe its not for me. Thanks for the intro though.

[@kumailpirzada1376]

Is there anything specific you're stuck on?

[@marklong2060]

@@kumailpirzada1376 no...I just suck at this. I guess there is a reason that people continue to build with tools like WordPress or monoliths like Laravel. They are cow paths with loads of resources, examples and well understood solutions. Along comes the SPA and a more complex way of building things that provides a moderately better user experience but it's terrible for SEO and requires a buttload of JavaScript to run in browsers. So we need frameworks like Next, Nuxt and Sveltekit...meta frameworks like Astro (which is cool and amazing...and a MPA) to SSR or recreate a MPA coupled with a bunch of third party tooling for data, additional functionality and to make it easy for content creators and end users. I guess I am getting old and I am not very smart...and I am frustrated by the complexity. Sorry to just rant on like this. You were kind enough to try showing us how to implement this tool and I don't mean to crap on your post. But for me it is all just becoming a long circular argument that ultimately begs the question...what the hell are we doing?

[@finkyfreak8515]

@@marklong2060 maybe you should try Hugo (similar to Astro but with golang) then? Which I saw netlify had official support on their docs.