contentlayer.config.ts

// Styled after https://github.com/kfirfitousi/blog
import { defineDocumentType, type FieldDefs, makeSource } from 'contentlayer/source-files'
import { rehypePlugins, remarkPlugins } from './lib/mdx/mdx-plugins'

export const Post = defineDocumentType(() => ({
  name: 'Post',
  contentType: 'mdx',
  filePathPattern: 'posts/**/*.mdx',
  fields: {
    title: { type: 'string', required: true },
    slug: { type: 'string', required: true },
    date: { type: 'date', required: true },
    description: { type: 'string', required: true },
    tags: { type: 'list', of: { type: 'string' } },
    shareImage: { type: 'json' }, // TODO
  },
  computedFields: {
    url: {
      type: 'string',
      resolve: post => `/blog/${post.slug}`,
    },
  },
}))

export const Job = defineDocumentType(() => ({
  name: 'Job',
  contentType: 'mdx',
  filePathPattern: 'jobs/**/*.mdx',
  fields: {
    title: { type: 'string', required: true },
    slug: { type: 'string', required: true },
    fulltime: { type: 'boolean', required: true },
    startDate: { type: 'date', required: true },
    endDate: { type: 'date' },
    current: { type: 'boolean', required: true },
    jobUrl: { type: 'string' },
    description: { type: 'string', required: true },
    thumbnail: { type: 'json' }, // TODO
    shareImage: { type: 'json' }, // TODO
    bannerImage: { type: 'string' },
  },
  computedFields: {
    url: {
      type: 'string',
      resolve: job => `/work/${job.slug}`,
    },
  },
}))

export const Project = defineDocumentType(() => ({
  name: 'Project',
  contentType: 'mdx',
  filePathPattern: 'projects/**/*.mdx',
  fields: {
    title: { type: 'string', required: true },
    slug: { type: 'string', required: true },
    startDate: { type: 'date', required: true },
    endDate: { type: 'date' },
    current: { type: 'boolean', required: true },
    projectUrl: { type: 'string' },
    description: { type: 'string', required: true },
    thumbnail: { type: 'json' }, // TODO
    shareImage: { type: 'json' }, // TODO
    bannerImage: { type: 'string' },
  },
  computedFields: {
    url: {
      type: 'string',
      resolve: project => `/projects/${project.slug}`,
    },
  },
}))

const POST_COLLECTION_FIELDS: FieldDefs = {
  title: { type: 'string', required: true },
  slug: { type: 'string', required: true },
  posts: { type: 'list', of: { type: 'string' }, required: true },
}

export const PostCollection = defineDocumentType(() => ({
  name: 'PostCollection',
  contentType: 'mdx',
  filePathPattern: 'post-collections/**/*.mdx',
  fields: POST_COLLECTION_FIELDS,
}))

export const PostSeries = defineDocumentType(() => ({
  name: 'PostSeries',
  contentType: 'mdx',
  filePathPattern: 'series/**/*.mdx',
  fields: {
    ...POST_COLLECTION_FIELDS,
    description: { type: 'string', required: true },
    bannerImage: { type: 'string', required: true },
    bannerImageCredit: { type: 'markdown', required: true },
  },
  computedFields: {
    url: {
      type: 'string',
      resolve: series => `/series/${series.slug}`,
    },
  },
}))

export default makeSource({
  contentDirPath: './content',
  documentTypes: [Post, PostCollection, PostSeries, Job, Project],
  mdx: {
    remarkPlugins,
    rehypePlugins,
  },
})