build-frontend

Use this skill whenever a developer wants to use Prepr CMS content in a website or app, in any stack (Next.js, Nuxt, Astro, SvelteKit, React, Vue, Angular, Laravel, PHP, plain Node or anything else that speaks HTTP). Covers writing Prepr GraphQL queries from the schema, setting up a fetcher or client (fetch, Axios, graphql-request, urql, Apollo, a PHP client), access tokens and environment variables, fragments, generated TypeScript types and type-safe components, rendering stacks, dynamic content and rich text as components, images, slug routing, 404s and redirects, locales, caching and revalidation with webhooks, preview, draft mode and visual editing with the Prepr toolkit. Also use it to debug Prepr GraphQL errors or empty results in front-end code.

License

MIT