Introducing Content Collections

1. react-markdown

   1 57 13,858 7.3 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.

2. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

3. zod

   2 357 36,049 9.0 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:

4. content-collections

   3 1 703 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.

5. mdx

   4 107 18,174 8.4 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