fix: 파일에서 meta 정보만 가져오게 수정

- 모든 포스트의 mdxSource 까지 포함되면 초기 로딩시 영향을 준다

Author: eottabom

lib/posts.ts

@@ -105,3 +105,26 @@ export async function getSortedPostsDataWithContent(): Promise<PostData[]> {
     (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
   );
 }
+
+export type PostMeta = PostFrontmatter & {
+  id: string;
+};
+
+export function getPostsMetaOnly(): PostMeta[] {
+  const allFiles = getAllMdxFiles();
+
+  const allPostsMeta: PostMeta[] = allFiles.map((fullPath) => {
+    const id = extractIdFromFilename(fullPath);
+    const fileContents = fs.readFileSync(fullPath, 'utf8');
+    const { data } = matter(fileContents);
+
+    return {
+      id,
+      ...(data as PostFrontmatter),
+    };
+  });
+
+  return allPostsMeta.sort(
+      (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime()
+  );
+}

pages/index.tsx

@@ -1,9 +1,8 @@
 import Link from 'next/link';
 import Header from '../components/Header';
 import Footer from '../components/Footer';
-import { MDXRemoteSerializeResult } from 'next-mdx-remote';
 import { GetStaticProps } from 'next';
-import { getSortedPostsDataWithContent } from '../lib/posts';
+import {getPostsMetaOnly, getSortedPostsDataWithContent} from '../lib/posts';
 import AdSense from '../components/AdSense';
 
 const gradients = [
@@ -21,15 +20,13 @@ type Post = {
   title: string;
   summary?: string;
   description?: string;
-  mdxSource: MDXRemoteSerializeResult<Record<string, unknown>>;
 };
 
 type HomeProps = {
   allPostsData: Post[];
   gradientsForPosts: string[];
 };
 
-// Fisher-Yates 셔플
 function shuffle<T>(array: T[]): T[] {
   const copy = [...array];
   for (let i = copy.length - 1; i > 0; i--) {
@@ -40,12 +37,11 @@ function shuffle<T>(array: T[]): T[] {
 }
 
 export const getStaticProps: GetStaticProps<HomeProps> = async () => {
-  const allPostsData = await getSortedPostsDataWithContent();
+  const allPostsData = getPostsMetaOnly();
   const [latest, ...restAll] = allPostsData;
 
   const rest = restAll.filter((post) => post.id !== latest.id).slice(0, 3);
 
-  // 서버에서 고정된 랜덤 gradient 선택 (중복 방지)
   const gradientsForPosts = shuffle(gradients).slice(0, rest.length);
 
   return {

pages/post.tsx

@@ -2,16 +2,14 @@ import { useState, useEffect } from 'react';
 import Link from 'next/link';
 import Header from '../components/Header';
 import { GetStaticProps } from 'next';
-import { getSortedPostsDataWithContent } from '../lib/posts';
-import { MDXRemoteSerializeResult } from 'next-mdx-remote';
+import { getPostsMetaOnly } from '../lib/posts';
 
 type Post = {
   id: string;
   title: string;
   summary?: string;
   description?: string;
   tags?: string[];
-  mdxSource: MDXRemoteSerializeResult;
 };
 
 type Props = {
@@ -20,7 +18,7 @@ type Props = {
 };
 
 export const getStaticProps: GetStaticProps<Props> = async () => {
-  const posts = await getSortedPostsDataWithContent();
+  const posts = getPostsMetaOnly();
 
   const postsByTag: Record<string, Post[]> = {};
   const tagCounts: Record<string, number> = {};