contentlayer.config.js

import { defineDocumentType, makeSource } from 'contentlayer/source-files'
import remarkGfm from 'remark-gfm'
import rehypePrism from '@mapbox/rehype-prism'
import rehypePrettyCode from 'rehype-pretty-code'
const computedFields = {
  url: {
    type: 'string',
    resolve: (doc) => `/${doc._raw.flattenedPath}`,
  },
  slug: {
    type: 'string',
    resolve: (doc) => `${doc._raw.sourceFileName.replace('.mdx', '')}`,
  },
}

/** @type {import('rehype-pretty-code').Options} */
const options = {
  theme: 'nord',
}

export const Post = defineDocumentType(() => ({
  name: 'Post',
  filePathPattern: `blog/**/*.mdx`,
  contentType: 'mdx',
  fields: {
    title: { type: 'string', required: true },
    date: { type: 'date', required: true },
    category: { type: 'string', required: true },
    image: { type: 'string', required: true },
    description: { type: 'string', required: true },
    timeToRead: { type: 'number', required: true }, // in minutes
  },

  computedFields,
}))

export const CaseStudy = defineDocumentType(() => ({
  name: 'CaseStudy',
  filePathPattern: `work/**/*.mdx`,
  contentType: 'mdx',
  fields: {
    title: { type: 'string', required: true },
    subtitle: { type: 'string', required: true },
    date: { type: 'date', required: true },
    tags: {
      type: 'list',
      of: { type: 'string' },
    },
    thumbnail: { type: 'string', required: true },
    coverImage: { type: 'string', required: true },
    // images: { type: 'list', of: { type: 'string' } },
    projectURL: { type: 'string', required: true },
    githubLink: { type: 'string', required: true },
    description: { type: 'string', required: true },
    projectDuration: { type: 'string', required: true },
    client: { type: 'json', required: true },
    // testimonial: { type: 'json', required: true },
  },

  computedFields,
}))

export default makeSource({
  contentDirPath: 'src/content',
  documentTypes: [Post, CaseStudy],
  mdx: {
    remarkPlugins: [remarkGfm],
    rehypePlugins: [rehypePrism, [rehypePrettyCode, options]],
  },
})