Astro + DatoCMS

Your site is ready for DatoCMS integration!

Setup Checklist

  • Astro configured with Node adapter (SSR)
  • gql.tada configured for typed GraphQL
  • executeQuery helper with cache tag support
  • Cache invalidation webhook endpoint
  • Fragment composition pattern implemented
  • Next: Add DATOCMS_API_TOKEN to your .env file

Fragment Composition

This site now uses the DatoCMS-recommended fragment composition pattern:

  • • Each section component has its own graphql.ts file
  • • Components define their data requirements via GraphQL fragments
  • • The page composes all fragments into a single optimized query
  • • Cache tags are automatically collected from DatoCMS responses