Make content field optional in post

apps/blog/src/app/[category]/[...slug]/page.tsx

@@ -78,7 +78,7 @@ const cx = classNames(styles, "page");
 export default async function Post({ params }: PostProps) {
     const { category, slug } = await params;
     const postSlug = `${category}/${slug.map((x) => decodeURIComponent(x)).join("/")}`;
-    const post = getPostBySlug(postSlug);
+    const post = getPostBySlug(postSlug, true);
 
     if (!post) {
         return notFound();

apps/blog/src/components/PostCard/index.tsx

@@ -7,7 +7,7 @@ import { Post } from "#types";
 import styles from "./index.module.scss";
 
 export interface PostCardProps {
-    post: Post;
+    post: Omit<Post, "content">;
 }
 
 const cx = classNames(styles, "post-card");

apps/blog/src/components/PostList/index.tsx

@@ -6,7 +6,7 @@ import { Post } from "#types";
 import styles from "./index.module.scss";
 
 export interface PostListProps {
-    posts: Post[];
+    posts: Omit<Post, "content">[];
     paginationProps?: Omit<PaginationProps, "rowSize">;
 }
 

apps/blog/src/components/PostListGallery/index.tsx

@@ -5,7 +5,7 @@ import { Post } from "#types";
 import styles from "./index.module.scss";
 
 export interface PostListGalleryProps {
-    posts: Post[];
+    posts: Omit<Post, "content">[];
 }
 
 const cx = classNames(styles, "post-list-gallery");

apps/blog/src/components/PrevNextPost/index.tsx

@@ -7,13 +7,13 @@ import styles from "./index.module.scss";
 import { Icon } from "@marshallku/icon";
 
 export interface PrevNextPostProps {
-    previousPost?: Post;
-    nextPost?: Post;
+    previousPost?: Omit<Post, "content">;
+    nextPost?: Omit<Post, "content">;
 }
 
 const cx = classNames(styles, "prev-next-post");
 
-const Article = ({ post, isPreviousPost }: { post: Post; isPreviousPost?: boolean }) => (
+const Article = ({ post, isPreviousPost }: { post: Omit<Post, "content">; isPreviousPost?: boolean }) => (
     <article className={cx("-post", isPreviousPost && "-post--previous")}>
         <Link href={post.slug} className={cx("-post__meta")}>
             <Typography variant="c1" className={cx("-post__label")}>

apps/blog/src/utils/post.ts

@@ -27,7 +27,10 @@ export function getPostSlugs(subDirectory?: string): string[] {
     return files.map((file) => file.replace(POSTS_DIRECTORY, "").replace(/\.mdx$/, ""));
 }
 
-export function getPostBySlug(slug: string): Post | undefined {
+export function getPostBySlug<T extends boolean>(
+    slug: string,
+    getContent?: T,
+): (T extends true ? Post : Omit<Post, "content">) | undefined {
     const fullPath = join(POSTS_DIRECTORY, `${slug}.mdx`);
 
     if (!existsSync(fullPath)) {
@@ -37,7 +40,7 @@ export function getPostBySlug(slug: string): Post | undefined {
     const fileContents = readFileSync(fullPath, "utf8");
     const { data, content } = matter(fileContents);
 
-    return {
+    const post: Omit<Post, "content"> & { content?: Post["content"] } = {
         data: {
             title: data.title.replace(/\\/g, ""),
             description: data.description,
@@ -50,21 +53,28 @@ export function getPostBySlug(slug: string): Post | undefined {
             ogImage: data.ogImage,
             displayAd: data.displayAd ?? false,
         },
-        content,
         slug,
         category: parse(slug).dir,
     };
+
+    if (getContent) {
+        post.content = content;
+
+        return post as Post;
+    }
+
+    return post as Post;
 }
 
-export function getPostsByTag(tag: string): Post[] {
+export function getPostsByTag(tag: string): Omit<Post, "content">[] {
     const posts = getPosts();
 
     return posts.filter(({ data: { tags } }) => tags?.find((x) => x.toLocaleLowerCase() === tag.toLocaleLowerCase()));
 }
 
-export function getPosts(category?: string): Post[] {
+export function getPosts(category?: string): Omit<Post, "content">[] {
     return getPostSlugs(category)
-        .map((slug) => getPostBySlug(slug)!)
+        .map((slug) => getPostBySlug(slug, false)!)
         .sort((a, b) => {
             if (a.data.date.posted > b.data.date.posted) {
                 return -1;
@@ -103,7 +113,7 @@ export function getTags(): Tag[] {
         ).result;
 }
 
-export function getGroupedPostByCategory(): Record<string, Post[]> {
+export function getGroupedPostByCategory(): Record<string, Omit<Post, "content">[]> {
     return groupBy(getPosts(), ({ category }) => category.split("/")[1]);
 }