Big picture

Page.body
dynamicZone

Codegen → gql/

Hero example

secure flow

Datas structure  >  Types  >  React component

Ex: ✏️ links[].title

✏️ Datas structure  >  Types  >  React component

restart

♺

💥 Codegen

GraphQL Document Validation failed with 1 errors;
  Error 0: Cannot query field "title" on type "ComponentExampleHeroLinkCard". Did you mean "titlee"?
    at paso/apps/web/components/ComponentExampleHero/ComponentExampleHero.tsx:19:5

✅ Codegen

fragment componentExampleHeroLinkCard on ComponentExampleHeroLinkCard {
    id
    titlee # ✅
    desc
    href
    isArrow
  }

💥 TypeScript

✅ TypeScript

✏️ Datas structure  >  ✅ Types  >  ✅ React component

⚛ Atomic commit

$ git diff

Strapi limitations

🫤

NULL

Strapi does NOT
migrate datas

when structure changes...

Worse,
weird behaviours when moving
data-components

Example/HeroLinkCard

>

Common/LinkCard

fragment componentCommonLinkCard on ComponentCommonHeroLinkCard {
  id
  title
  desc
  href
  isArrow
}

🫤 still HeroLinkCard