Introducing Content Collections

• react-markdown

  48 12,204 7.2 JavaScript

  Markdown component for React

  

The example above uses react-markdown, but you can use any library you want to render the markdown content. You can also use a transform function to modify the markdown content during the build process. Here is an example that uses MDX to compile the markdown content.

• zod

  288 30,347 9.1 TypeScript

  TypeScript-first schema validation with static type inference

The code above shows a simple example of the Content Collections configuration file content-collections.ts. The schema function uses zod to define the structure of the frontmatter data. Content Collections will validate and convert the Markdown files into objects with the following data structure:

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• content-collections

  1 51 9.5 TypeScript

  Transform your content into type-safe data collections

Content Collections is still in its early stage, and I would love to receive some feedback. If you have any questions or suggestions, please open an issue on GitHub.

• mdx

  99 16,811 8.7 JavaScript

  Markdown for the component era

  

The example above uses react-markdown, but you can use any library you want to render the markdown content. You can also use a transform function to modify the markdown content during the build process. Here is an example that uses MDX to compile the markdown content.

Suggest a related project