content-collections

Type-safe content transforms local Markdown/MDX into TypeScript data using Zod schemas for validation. Define collections with `defineCollection`, enforce schemas via Zod, and the Vite plugin generates type-safe artifacts at build time, eliminating runtime guessing about frontmatter and content structure.

Yes. Content Collections supports MDX with React integration, enabling you to embed custom React components directly in your Markdown content. The `compileMDX` transform processes components during the build, making them available as part of your generated type-safe data.

Define a Zod schema for each collection in `content-collections.ts`, then use `defineCollection` to attach the schema. Build-time validation catches frontmatter errors and type mismatches before deployment, and HMR provides instant feedback during development.

Install dependencies, configure `tsconfig` paths, define a collection schema in `content-collections.ts`, add Markdown files to `content/`, and import generated data into your app. The templates and references included provide rapid scaffolding for common blog and docs patterns.

Yes. Transforms in Content Collections let you compute derived fields—like reading time, summaries, or slugs—during the build process. These fields become part of your type-safe data, accessible directly in your app without runtime calculation.