Blog
How works blog with categories and authors.
var Component=(()=>{var p=Object.create;var i=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,m=Object.prototype.hasOwnProperty;var u=(l,n)=>()=>(n||l((n={exports:{}}).exports,n),n.exports),F=(l,n)=>{for(var a in n)i(l,a,{get:n[a],enumerable:!0})},s=(l,n,a,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of g(n))!m.call(l,t)&&t!==a&&i(l,t,{get:()=>n[t],enumerable:!(r=E(n,t))||r.enumerable});return l};var b=(l,n,a)=>(a=l!=null?p(y(l)):{},s(n||!l||!l.__esModule?i(a,"default",{value:l,enumerable:!0}):a,l)),w=l=>s(i({},"__esModule",{value:!0}),l);var c=u((x,o)=>{o.exports=_jsx_runtime});var k={};F(k,{default:()=>h,frontmatter:()=>B});var e=b(c()),B={title:"Blog",description:"How works blog with categories and authors."};function d(l){let n={a:"a",code:"code",figcaption:"figcaption",figure:"figure",h2:"h2",h3:"h3",p:"p",pre:"pre",span:"span",strong:"strong",...l.components},{Callout:a}=n;return a||f("Callout",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.p,{children:"Blog posts can have multiple categories, authors and related posts."}), ,(0,e.jsxs)(n.h2,{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.jsxs)(n.h3,{id:"create-one-author",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#create-one-author",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Create one author"]}), ,(0,e.jsxs)(n.p,{children:["Blog posts can have ",(0,e.jsx)(n.strong,{children:"one or multiple authors"}),". ",(0,e.jsx)("br",{})," Add a new object with ",(0,e.jsx)(n.strong,{children:"name, image url and twitter handle"})," to add a new author to your blog."]}), ,(0,e.jsxs)(n.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(n.figcaption,{"data-rehype-pretty-code-title":"","data-language":"ts","data-theme":"github-dark",children:"config/blog.ts"}),(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"ts","data-theme":"github-dark",rawString:export const BLOG_AUTHORS = { mickasmt: { name: "mickasmt", image: "/_static/avatars/mickasmt.png", twitter: "miickasmt", }, newauthor: { name: "shadcn", image: "/_static/avatars/shadcn.jpeg", twitter: "shadcn", }, }; ,children:(0,e.jsxs)(n.code,{"data-language":"ts","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:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" BLOG_AUTHORS"}),(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:" mickasmt: {"})}), ,(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:'"mickasmt"'}),(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:" image: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"/_static/avatars/mickasmt.png"'}),(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:" twitter: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"miickasmt"'}),(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":"","data-highlighted-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" newauthor: {"})}), ,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" name: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"shadcn"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}), ,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" image: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"/_static/avatars/shadcn.jpeg"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}), ,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" twitter: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"shadcn"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}), ,(0,e.jsx)(n.span,{"data-line":"","data-highlighted-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.jsxs)(n.h3,{id:"add-in-a-blog-post",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#add-in-a-blog-post",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Add in a blog post"]}), ,(0,e.jsx)(n.p,{children:"Add your new author in your blog post like that :"}), ,(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"mdx","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:
- newauthor
- mickasmt categories:
- news related:
- server-client-components
- preview-mode-headless-cms
,children:(0,e.jsxs)(n.code,{"data-language":"mdx","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.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"image: /"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"_"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"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":"","data-highlighted-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"authors:"})}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" -"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" newauthor"})]}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-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:"#E1E4E8"},children:"categories:"})}),
,(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:" news"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"related:"})}),
,(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:" server-client-components"})]}),
,(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:" preview-mode-headless-cms"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),
,(0,e.jsxs)(n.h2,{id:"categories",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#categories",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Categories"]}),
,(0,e.jsxs)(n.h3,{id:"create-one-category",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#create-one-category",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Create one category"]}),
,(0,e.jsx)(n.p,{children:"Add a new object and a slug to add a new category to your blog."}),
,(0,e.jsxs)(n.figure,{"data-rehype-pretty-code-figure":"",children:[(0,e.jsx)(n.figcaption,{"data-rehype-pretty-code-title":"","data-language":"ts","data-theme":"github-dark",children:"config/blog.ts"}),(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"ts","data-theme":"github-dark",__rawString__:export const BLOG_CATEGORIES: {
title: string;
slug: "news" | "education";
description: string;
}[] = [
{
title: "News",
slug: "news",
description: "Updates and announcements from Next TargetPrompt.",
},
{
title: "Education",
slug: "education",
description: "Educational content about SaaS management.",
},
];
,children:(0,e.jsxs)(n.code,{"data-language":"ts","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:"export"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" const"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" BLOG_CATEGORIES"}),(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:"#FFAB70"},children:" title"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},children:" string"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:";"})]}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" slug"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:' "news"'}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:" |"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:' "education"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:";"})]}),
,(0,e.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" description"}),(0,e.jsx)(n.span,{style:{color:"#F97583"},children:":"}),(0,e.jsx)(n.span,{style:{color:"#79B8FF"},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:"}[] "}),(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":"","data-highlighted-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" {"})}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"News"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" slug: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"news"'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" description: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Updates and announcements from Next TargetPrompt."'}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:","})]}),
,(0,e.jsx)(n.span,{"data-line":"","data-highlighted-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.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" title: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Education"'}),(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:" slug: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"education"'}),(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:" description: "}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:'"Educational content about SaaS management."'}),(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.jsxs)(n.h3,{id:"add-in-a-blog-post-1",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#add-in-a-blog-post-1",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Add in a blog post"]}),
,(0,e.jsx)(n.p,{children:"Add your new author in your blog post like that :"}),
,(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"mdx","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:
- newauthor
- mickasmt categories:
- news related:
- server-client-components
- preview-mode-headless-cms
,children:(0,e.jsxs)(n.code,{"data-language":"mdx","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.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"image: /"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"_"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"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:" newauthor"})]}),
,(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":"","data-highlighted-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"categories:"})}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" -"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" news"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"related:"})}),
,(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:" server-client-components"})]}),
,(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:" preview-mode-headless-cms"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})}),
,(0,e.jsx)(a,{type:"warning",children:(0,e.jsx)(n.p,{children:The blog post can belong to multiple categories, but currently, only the first
category in the list is being displayed.})}),
,(0,e.jsxs)(n.h2,{id:"related-posts",children:[(0,e.jsx)(n.a,{className:"subheading-anchor","aria-label":"Link to section",href:"#related-posts",children:(0,e.jsx)(n.span,{className:"icon icon-link"})}),"Related posts"]}),
,(0,e.jsxs)(n.p,{children:["Each blog post can have a list of related posts. ",(0,e.jsx)("br",{})," Get the filenames of the blog posts that you want and remove the ",(0,e.jsx)(n.code,{children:".mdx"})," or ",(0,e.jsx)(n.code,{children:".md"}),". That's all!"]}),
,(0,e.jsx)(n.figure,{"data-rehype-pretty-code-figure":"",children:(0,e.jsx)(n.pre,{tabIndex:"0","data-language":"mdx","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:
- newauthor
- mickasmt categories:
- news related:
- server-client-components
- preview-mode-headless-cms
,children:(0,e.jsxs)(n.code,{"data-language":"mdx","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.jsxs)(n.span,{"data-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"image: /"}),(0,e.jsx)(n.span,{style:{color:"#9ECBFF"},children:"_"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"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:" newauthor"})]}),
,(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:"#E1E4E8"},children:"categories:"})}),
,(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:" news"})]}),
,(0,e.jsx)(n.span,{"data-line":"","data-highlighted-line":"",children:(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:"related:"})}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" -"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" server-client-components"})]}),
,(0,e.jsxs)(n.span,{"data-line":"","data-highlighted-line":"",children:[(0,e.jsx)(n.span,{style:{color:"#FFAB70"},children:" -"}),(0,e.jsx)(n.span,{style:{color:"#E1E4E8"},children:" preview-mode-headless-cms"})]}),
,(0,e.jsx)(n.span,{"data-line":"",children:(0,e.jsx)(n.span,{style:{color:"#79B8FF",fontWeight:"bold"},children:"---"})})]})})})]})}function h(l={}){let{wrapper:n}=l.components||{};return n?(0,e.jsx)(n,{...l,children:(0,e.jsx)(d,{...l})}):d(l)}function f(l,n){throw new Error("Expected "+(n?"component":"object")+" "+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return w(k);})();
;return Component;