🔖 - Version 1.1.0 (#13)

Author: claudiocoder

.gitignore

@@ -34,3 +34,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.contentlayer

.prettierrc

@@ -1,7 +1,3 @@
 {
-  "trailingComma": "es5",
-  "tabWidth": 2,
-  "semi": false,
-  "singleQuote": true,
-  "printWidth": 120
+  "tabWidth": 2
 }

contentlayer.config.ts

@@ -0,0 +1,40 @@
+import { defineDocumentType, makeSource } from 'contentlayer/source-files'
+import rehypeCodeTitles from 'rehype-code-titles'
+import rehypePrettyCode from 'rehype-pretty-code'
+
+export const Blog = defineDocumentType(() => ({
+  name: 'Blog',
+  filePathPattern: `blog/*.mdx`,
+  contentType: 'mdx',
+  fields: {
+    title: { type: 'string', required: true },
+    date: { type: 'date', required: true },
+    description: { type: 'string', required: true },
+    thumbnailUrl: { type: 'string', required: true },
+    author: { type: 'string', required: true },
+  },
+  computedFields: {
+    slug: {
+      type: 'string',
+      resolve: (post) => post._raw.sourceFileName.replace('.mdx', ''),
+    },
+  },
+}))
+
+export default makeSource({
+  contentDirPath: 'posts',
+  documentTypes: [Blog],
+  mdx: {
+    rehypePlugins: [
+      rehypeCodeTitles,
+      [
+        // @ts-ignore
+        rehypePrettyCode,
+        {
+          theme: 'github-dark',
+          defaultLang: 'plaintext',
+        },
+      ],
+    ],
+  },
+})

next.config.js

@@ -1,6 +1,6 @@
+const { withContentlayer } = require('next-contentlayer')
+
 /** @type {import('next').NextConfig} */
-const nextConfig = {
-    reactStrictMode: true,
-}
+const nextConfig = { reactStrictMode: true, swcMinify: true }
 
-module.exports = nextConfig
+module.exports = withContentlayer(nextConfig)