Docs
Markdown Files
Markdown Files
How works blog and docs.
var Component=(()=>{var h=Object.create;var t=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var g=(l,n)=>()=>(n||l((n={exports:{}}).exports,n),n.exports),m=(l,n)=>{for(var a in n)t(l,a,{get:n[a],enumerable:!0})},c=(l,n,a,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of y(n))!F.call(l,r)&&r!==a&&t(l,r,{get:()=>n[r],enumerable:!(s=E(n,r))||s.enumerable});return l};var f=(l,n,a)=>(a=l!=null?h(u(l)):{},c(n||!l||!l.__esModule?t(a,"default",{value:l,enumerable:!0}):a,l)),b=l=>c(t({},"__esModule",{value:!0}),l);var o=g((P,i)=>{i.exports=_jsx_runtime});var C={};m(C,{default:()=>p,frontmatter:()=>B});var e=f(o()),B={title:"Markdown Files",description:"How works blog and docs."};function d(l){let n={a:"a",code:"code",figcaption:"figcaption",figure:"figure",h2:"h2",h3:"h3",p:"p",pre:"pre",span:"span",...l.components},{Steps:a}=n;return a||x("Steps",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(n.p,{children:["The project includes a blog and documentation built using ",(0,e.jsx)(n.a,{href:"https://contentlayer.dev/",children:"Contentlayer"})," and ",(0,e.jsx)(n.a,{href:"https://mdxjs.com/",children:"MDX"}),"."]}), ,(0,e.jsxs)(n.h2,{id:"contentlayer",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#contentlayer",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Contentlayer"]}), ,(0,e.jsx)(n.p,{children:"Contentlayer is a Markdown-based CMS that's flexible and extensible. It lets you organize content using Markdown files and offers a straightforward API for accessing data in your app."}), ,(0,e.jsx)(n.p,{children:"You can create reusable data models for various content types like blog posts, docs, and pages with Contentlayer."}), ,(0,e.jsx)(n.p,{children:"Frontmatter in Markdown files allows you to define metadata such as title, description, authors, and images, simplifying content management."}), ,(0,e.jsxs)(n.h3,{id:"contentlayerconfigjs",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#contentlayerconfigjs",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"contentlayer.config.js"]}), ,(0,e.jsxs)(n.p,{children:["Here's an example of a ",(0,e.jsx)(n.code,{children:"contentlayer.config.js"})," file to configure Contentlayer in your project:"]}), ,(0,e.jsxs)(n.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(n.figcaption,{"data-rehype-pretty-code-title":"","data-language":"typescript","data-theme":"github-dark",children:"contentlayer.config.js"}),(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"typescript","data-theme":"github-dark",rawString:`import { defineDocumentType, makeSource } from "contentlayer/source-files";
/** @type {import('contentlayer/source-files').ComputedFields} */ const computedFields = { slug: { type: "string", resolve: (doc) => `/${doc._raw.flattenedPath}`, }, slugAsParams: { type: "string", resolve: (doc) => doc._raw.flattenedPath.split("/").slice(1).join("/"), }, };
export const Doc = defineDocumentType(() => ({ name: "Doc", filePathPattern: `docs/**/*.mdx`, contentType: "mdx", fields: { title: { type: "string", required: true, }, description: { type: "string", }, published: { type: "boolean", default: true, }, }, computedFields, }));
export const Guide = defineDocumentType(() => ({ name: "Guide", filePathPattern: `guides/**/*.mdx`, contentType: "mdx", fields: { title: { type: "string", required: true, }, description: { type: "string", }, date: { type: "date", required: true, }, published: { type: "boolean", default: true, }, featured: { type: "boolean", default: false, }, }, computedFields, }));
export const Post = defineDocumentType(() => ({ name: "Post", filePathPattern: `blog/**/*.mdx`, contentType: "mdx", fields: { title: { type: "string", required: true, }, description: { type: "string", }, date: { type: "date", required: true, }, published: { type: "boolean", default: true, }, image: { type: "string", required: true, }, authors: { type: "list", of: { type: "string" }, required: true, }, }, computedFields, }));
export const Page = defineDocumentType(() => ({ name: "Page", filePathPattern: `pages/**/*.mdx`, contentType: "mdx", fields: { title: { type: "string", required: true, }, description: { type: "string", }, }, computedFields, }));
export default makeSource({
contentDirPath: "./content",
documentTypes: [Page, Doc, Guide, Post],
mdx: {},
});
,children:(0,e.jsxs)(n.code,{"data-language":"typescript","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"import"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" { defineDocumentType, makeSource } "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"from"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:' "contentlayer/source-files"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:";"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#6A737D"},children:"/** "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"@type"}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" {import('contentlayer/source-files').ComputedFields}"}),(0,e.jsx)(n.span,{style:{color:"#6A737D"},children:" */"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" computedFields"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" {"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" slug: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" resolve"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:": ("}),(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:"doc"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:") "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:" /${"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"doc"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"_raw"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"."}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"flattenedPath"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"}"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" slugAsParams: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" resolve"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:": ("}),(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:"doc"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:") "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" doc._raw.flattenedPath."}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:"split"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"/"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:")."}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:"slice"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"1"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:")."}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:"join"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"("}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"/"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"),"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"};"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" Doc"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" defineDocumentType"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" ({"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" name: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Doc"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" filePathPattern: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"docs//*.mdx"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" contentType: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"mdx"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" fields: {"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" description: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" published: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"boolean"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" default: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" computedFields,"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"}));"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" Guide"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" defineDocumentType"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" ({"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" name: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Guide"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" filePathPattern: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"guides//.mdx"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" contentType: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"mdx"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" fields: {"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" description: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" date: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"date"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" published: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"boolean"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" default: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" featured: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"boolean"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" default: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"false"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" computedFields,"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"}));"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" Post"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" defineDocumentType"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" ({"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" name: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Post"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" filePathPattern: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"blog/**/.mdx"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" contentType: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"mdx"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" fields: {"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" description: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" date: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"date"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" published: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"boolean"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" default: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" image: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" authors: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"list"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" of: { type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" computedFields,"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"}));"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" Page"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" ="}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" defineDocumentType"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"(() "}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"=>"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" ({"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" name: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Page"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" filePathPattern: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"pages/**/*.mdx"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" contentType: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"mdx"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" fields: {"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" required: "}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:"true"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" description: {"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" type: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"string"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" },"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" computedFields,"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"}));"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:" "}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#F97583"},children:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" default"}),(0,e.jsx)(n.span,{style:{color:"#B392F0"},children:" makeSource"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"({"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" contentDirPath: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"./content"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" documentTypes: [Page, Doc, Guide, Post],"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" mdx: {},"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"});"})})]})})]}),
,(0,e.jsxs)(n.p,{children:["This file configures Contentlayer to look for Markdown files in the specified directories (",(0,e.jsx)(n.code,{children:"content/blog"}),", ",(0,e.jsx)(n.code,{children:"content/authors"}),", ",(0,e.jsx)(n.code,{children:"content/docs"}),", ",(0,e.jsx)(n.code,{children:"content/guides"}),", ",(0,e.jsx)(n.code,{children:"content/pages"}),"). It also defines the different document types you use in your project along with the fields associated with each document type."]}),
,(0,e.jsx)(n.p,{children:"You can customize this file according to your project's needs by adding new document types or adjusting existing fields as per your specific requirements."}),
,(0,e.jsxs)(n.h2,{id:"frontmatters",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#frontmatters",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Frontmatters"]}),
,(0,e.jsx)(n.p,{children:"Here's the list of all frontmatters available for each parts:"}),
,(0,e.jsxs)(a,{children:[(0,e.jsxs)(n.h3,{id:"authors",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#authors",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Authors"]}),(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"md","data-theme":"github-dark",__rawString__:---
title: mickasmt
avatar: /_static/avatars/mickasmt.jpg
twitter: mickasmt
,children:(0,e.jsxs)(n.code,{"data-language":"md","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"title: mickasmt"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"avatar: /_static/avatars/mickasmt.jpg"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"twitter: mickasmt"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),(0,e.jsxs)(n.h3,{id:"blog",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#blog",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Blog"]}),(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"md","data-theme":"github-dark",__rawString__:---
title: Deploying Next.js Apps
description: How to deploy your Next.js apps on Vercel.
image: /_static/blog/blog-post-3.jpg
date: "2023-01-02"
authors:
- mickasmt
,children:(0,e.jsxs)(n.code,{"data-language":"md","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"title: Deploying Next.js Apps"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"description: How to deploy your Next.js apps on Vercel."})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"image: /_static/blog/blog-post-3.jpg"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:'date: "2023-01-02"'})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"authors:"})}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" -"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" mickasmt"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),(0,e.jsxs)(n.h3,{id:"docs",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#docs",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Docs"]}),(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"md","data-theme":"github-dark",__rawString__:---
title: Database
description: How to config your Neon database.
,children:(0,e.jsxs)(n.code,{"data-language":"md","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"title: Database"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"description: How to config your Neon database."})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),(0,e.jsxs)(n.h3,{id:"guides",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#guides",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Guides"]}),(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"md","data-theme":"github-dark",__rawString__:---
title: Build a blog using ContentLayer and MDX.
description: Learn how to use ContentLayer to build a blog with Next.js
date: 2022-11-18
,children:(0,e.jsxs)(n.code,{"data-language":"md","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"title: Build a blog using ContentLayer and MDX."})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"description: Learn how to use ContentLayer to build a blog with Next.js"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"date: 2022-11-18"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),(0,e.jsxs)(n.h3,{id:"pages",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#pages",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Pages"]}),(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"md","data-theme":"github-dark",__rawString__:---
title: Privacy
description: The Privacy Policy for your app.
,children:(0,e.jsxs)(n.code,{"data-language":"md","data-theme":"github-dark",style:{display:"grid"},children:[(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"title: Privacy"})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"description: The Privacy Policy for your app."})}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})})]})]})}function p(l={}){let{wrapper:n}=l.components||{};return n?(0,e.jsx)(n,{...l,children:(0,e.jsx)(d,{...l})}):d(l)}function x(l,n){throw new Error("Expected "+(n?"component":"object")+" "+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return b(C);})();
;return Component;