How to Build a blog with Astro, Strapi, & Tailwind CSS

15

Hi Paul. Little help?

When trying to run Astro I’m seeing the following error:

/Users/****/strapi/headless-blog/astro-blog/src/components/BlogGridItem.astro:14
  const postImage = featuredImage.data.attributes.url || null;
                                                  ^

TypeError: Cannot read properties of undefined (reading 'url')
    at eval (/Users/****/strapi/headless-blog/astro-blog/src/components/BlogGridItem.astro:14:51)
    at AstroComponentInstance.BlogGridItem [as factory] (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/astro-component.js:21:12)
    at AstroComponentInstance.init (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/astro/instance.js:32:29)
    at AstroComponentInstance.render (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/astro/instance.js:37:18)
    at Object.render (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/component.js:338:22)
    at Module.renderChild (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/any.js:36:17)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async Object.renderToFinalDestination (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/util.js:119:7)
    at async RenderTemplateResult.render (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/astro/render-template.js:45:9)
    at async renderChild (/Users/****/strapi/headless-blog/astro-blog/node_modules/astro/dist/runtime/server/render/any.js:36:5)

Node.js v21.1.0

Any tips?

Thank you.