Merge pull request #40 from 01-binary/add-pmap

feat: Optimize image blur generation with p-map concurrency and remov…

Author: 01-binary

package.json

@@ -12,13 +12,12 @@
   },
   "dependencies": {
     "dayjs": "^1.11.8",
-    "is-url-superb": "^6.1.0",
     "jotai": "^2.8.0",
     "lodash": "^4.17.21",
     "next": "^14.2.4",
     "notion-to-jsx": "^1.2.8",
     "notion-to-utils": "^1.1.1",
-    "p-map": "^7.0.2",
+    "p-map": "^7.0.3",
     "plaiceholder": "^3.0.0",
     "prismjs": "^1.30.0",
     "react": "^18.2.0",

pages/index.tsx

@@ -1,5 +1,6 @@
 import { useHydrateAtoms } from 'jotai/utils';
 import { GetStaticProps } from 'next';
+import pMap from 'p-map';
 
 import { categoriesAtom } from '@/atoms/categories';
 import { postsAtom } from '@/atoms/posts';
@@ -52,11 +53,15 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 
   const profileUrl = await fetchNotionProfileUrl();
   const notionPostsResponse = await fetchNotionPostsMeta(process.env.NOTION_POST_DATABASE_ID);
-  const posts = await Promise.all(
-    getPostsMeta(notionPostsResponse).map(async (post) => ({
-      ...post,
-      blurImage: await getBlurImage(post.cover),
-    })),
+
+  const allPostsMeta = getPostsMeta(notionPostsResponse);
+  const posts = await pMap(
+    allPostsMeta,
+    async (post: PostMeta) => {
+      const blurImage = await getBlurImage(post.cover);
+      return { ...post, blurImage };
+    },
+    { concurrency: 10 },
   );
   const categories = getCategories(notionPostsResponse);
 

pnpm-lock.yaml

@@ -6,7 +6,7 @@ const getBlurImage = async (imgSrc: string) => {
     const { base64 } = await getPlaiceholder(buffer, { size: 10 });
     return base64;
   } catch (e) {
-    console.log(`[getBlurImage] 오류 발생: ${imgSrc}`, e);
+    console.log(`[getBlurImage] 오류 발생: ${imgSrc}`);
     return '';
   }
 };