contentlayer.config.ts

import {
    defineDocumentType,
    defineNestedType,
    makeSource,
} from "contentlayer/source-files";
import rehypePrettycode from "rehype-pretty-code";
import remarkGfm from "remark-gfm";
import rehypeSlug from "rehype-slug";

const Docs = defineDocumentType(() => ({
    name: "Docs",
    filePathPattern: `docs/**/*.mdx`,
    contentType: "mdx",
    fields: {
        title: {
            type: "string",
            description: "The title of the document",
            required: true,
        },
        description: {
            type: "string",
            description: "The description of the document",
            required: false,
        },
    },
    computedFields: {
        url: {
            type: "string",
            resolve: (post) => {
                return "/" + post._raw.flattenedPath;
            },
        },
        slug: {
            type: "string",
            resolve: (post) => {
                return post._raw.flattenedPath.split("/").slice(1).join("/");
            },
        },
    },
}));

const Meta = defineDocumentType(() => ({
    name: "Meta",
    filePathPattern: `docs/**/meta.json`,
    contentType: "data",
    fields: {
        title: {
            type: "string",
            description: "The title of the folder",
            required: false,
        },
        pages: {
            type: "list",
            of: {
                type: "string",
            },
            description: "Pages of the folder",
            default: [],
        },
    },
    computedFields: {
        url: {
            type: "string",
            resolve: (post) => "/" + post._raw.sourceFileDir,
        },
    },
}));

const Blog = defineDocumentType(() => ({
    name: "Blog",
    filePathPattern: "blog/*.mdx",
    contentType: "mdx",
    fields: {
        title: {
            type: "string",
            description: "The title of the document",
            required: true,
        },
        description: {
            type: "string",
            description: "The description of the document",
            required: false,
        },
        date: {
            type: "date",
            description: "The release Date of the Post",
            required: true,
        },
        image: {
            type: "string",
            description: "The image url (can be relative)",
            required: true,
        },
        author: {
            type: "string",
            description: "The name of the author",
            required: true,
        },
    },
    computedFields: {
        url: {
            type: "string",
            resolve: (blog) => {
                return "/" + blog._raw.flattenedPath;
            },
        },
        slug: {
            type: "string",
            resolve: (blog) => {
                return blog._raw.flattenedPath.split("/").slice(1).join("/");
            },
        },
    },
}));

const Author = defineNestedType(() => ({
    name: "Author",
    fields: {
        name: { type: "string", required: true },
        title: { type: "string", required: true },
        icon: { type: "string", required: true },
    },
}));

const BlogMeta = defineDocumentType(() => ({
    name: "BlogMeta",
    filePathPattern: "blog/meta.json",
    contentType: "data",
    fields: {
        authors: {
            type: "list",
            of: Author,
            required: true,
        },
    },
    isSingleton: true,
}));

export default makeSource({
    contentDirPath: "content",
    documentTypes: [Docs, Meta, Blog, BlogMeta],
    mdx: {
        rehypePlugins: [
            [
                rehypePrettycode,
                {
                    theme: "css-variables",
                },
            ],
            rehypeSlug,
        ],
        remarkPlugins: [remarkGfm],
    },
});