Introducing Content Collections

This page summarizes the projects mentioned and recommended in the original post on dev.to

SurveyJS - 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.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • react-markdown

    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

    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

    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.

    SurveyJS logo
  • content-collections

    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

    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.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Construindo um Painel de Blog Dinâmico com Next.js

    6 projects | dev.to | 1 Dec 2023
  • Best way to store blog post content (React/MongoDB)?

    5 projects | /r/reactjs | 26 May 2021
  • I wrote a new blog using Next.js App router

    4 projects | dev.to | 16 May 2024
  • MDX – use JSX in your Markdown content

    1 project | news.ycombinator.com | 13 Feb 2024
  • Creating a static Next.js 14 Markdown Blog - An Adventure

    3 projects | dev.to | 25 Dec 2023