Getting Started with Directus and Astro

In this video, you'll learn how to use the Directus SDK with an Astro application.
See more framework tutorials on Directus TV: directus.io/tv
astro.build
directus.io
docs.directus.io

[@natetronn]

Would love to see part two where you componentize and use more Astro features.

[@DirectusVideos]

I think that’s a real possibility - it was a joy to put this together. This series is just a set of getting started guides, but I want to go deeper in each of the frameworks as time allows -Kevin

[@tomkyriacou5742]

Yes would be great to see! Definitely keen on seeing realtime websockets with Astro as that’s what I’m trying to setup at the moment :) Keep up the good work!

[@natetronn]

@DirectusVideos Thanks, Kev!

[@BobbyBundlez]

but this should really just be a Directus video.. that would steer away from Directus being the focus. Functions and components should be pure. Breaking up eveyrthing and trying to write clean components with a separation of concerns is how u wanna do it!

[@DaltonChakma1]

Getting started with Next.js will also be nice. ❤

[@DirectusVideos]

It's being edited now 😇

[@jaredconnor7156]

Can you post this repo by chance? That would help a lot.

[@DirectusVideos]

Can do - but not sure we have capacity to maintain them, which is always the risk with posting code. Whatcha think?

[@jaredconnor7156]

​@@DirectusVideos Especially if it is a starter and just a template for a basic setup with integrating Directus and Astro, I think it's worth it. On Github I've only been able to find only one or two repos that have a pattern to follow, and trying to parse the details of a setup from the docs you guys posted on Astro is harder than just looking at a repo. So I think there is value in it. Agree with the maintenance of it. You could archive it right off the bat to communicate that to the community, or I'm happy to maintain it for a bit.

[@DirectusVideos]

Ok! Some time in the next few days I’ll publish it in the Directus-community org

[@jaredconnor7156]

Thank you so much! @@DirectusVideos

[@aurelien_aep]

Hey i'm just following this tutorial (which is great by the way) But I've an error when I write {post.author.name} , the error says "Property 'name' does not exist on type 'never'." but the name is displayed in my browser. What should I do ?

[@DirectusVideos]

This feels like a typing issue 👀 you can set up the helper with typescript, provide a schema, and your collections should be properly typed 🫡

[@aurelien_aep]

@@DirectusVideos Feel a bit dumb ahah, it was indeed an typing issue, everything works fine with this syntax: {post.author['name']} Thanks for the really quick support 🙏

[@DirectusVideos]

@@aurelien_aep 🫡