contentlayer.config.ts

import {
  ComputedFields,
  defineDocumentType,
  makeSource,
} from "contentlayer/source-files"
import readingTime from "reading-time"
import rehypeSlug from "rehype-slug"
import remarkGfm from "remark-gfm"

const computedFields: ComputedFields = {
  readingTime: {
    type: "json",
    resolve: (post) => readingTime(post.body.raw),
  },
  slug: {
    type: "string",
    resolve: (post) => post._raw.sourceFileName.replace(/\.mdx$/, ""),
  },
}

export const Post = defineDocumentType(() => ({
  name: "Post",
  filePathPattern: "**/*.mdx",
  contentType: "mdx",
  fields: {
    title: { type: "string", required: true },
    publishedAt: { type: "string", required: true },
    summary: { type: "string", required: true },
    image: { type: "string", required: true },
  },
  computedFields,
}))

export default makeSource({
  contentDirPath: "docs",
  documentTypes: [Post],
  mdx: {
    remarkPlugins: [remarkGfm],
    rehypePlugins: [rehypeSlug],
  },
})