refactor: profile image API and add server-side caching with sitemap improvements

Author: 01-binary

pages/api/profile-image.ts

@@ -8,26 +8,10 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
   if (!process.env.NOTION_PROFILE_ID) throw new Error('NOTION_PROFILE_ID is not defined');
   const pageId = process.env.NOTION_PROFILE_ID;
   try {
-    const response = await notionClient.pages.retrieve({
-      page_id: pageId,
-    });
+    const url = await notionClient.getFileUrl(pageId, 'media');
 
-    // 타입 체크를 위한 조건문 추가
-    if (!('properties' in response) || !response.properties.media) {
-      return res.status(404).json({ message: 'Media files not found' });
-    }
-
-    // 타입 선언 후 안전하게 접근
-    const mediaProperty = response.properties.media;
-
-    // media 파일 배열이 비어있지 않은지 확인 후 파일 URL 추출
-    if (
-      'files' in mediaProperty &&
-      mediaProperty.files.length > 0 &&
-      'file' in mediaProperty.files[0]
-    ) {
-      const fileUrl = mediaProperty.files[0].file.url;
-      const response = await fetch(fileUrl);
+    if (url) {
+      const response = await fetch(url);
       const contentType = response.headers.get('content-type');
 
       if (!contentType) throw new Error('content header does not exist');

pages/sitemap.xml.ts

@@ -10,7 +10,6 @@ export const getServerSideProps: GetServerSideProps = async ({ res }) => {
   if (!process.env.NOTION_POST_DATABASE_ID)
     throw new Error('NOTION_POST_DATABASE_ID is not defined');
   const databaseItems = await getNotionPosts(process.env.NOTION_POST_DATABASE_ID);
-
   res.setHeader('Content-Type', 'text/xml');
   res.write(generateSitemap(databaseItems));
   res.end();

src/serverCache/index.ts

@@ -0,0 +1,4 @@
+// ! Only use this cache for server-side rendering
+const globalCache = new Map();
+
+export default globalCache;

src/utils/generateSitemap.ts

@@ -1,9 +1,11 @@
 import { GetPageResponse } from 'notion-to-utils';
 
+import { SlugAndDate } from '@/interfaces';
+
 import getSlugsAndDates from '@/utils/getSlugsAndDates';
 
 const generateSitemap = (notionPostsResponse: GetPageResponse[]) => {
-  const paths = getSlugsAndDates(notionPostsResponse);
+  const paths: SlugAndDate[] = getSlugsAndDates(notionPostsResponse);
 
   const urlSet = paths
     .map((path) => {