issue/#9_iCatchPic

[u-ecmaker]

issue #9 Catch画像対応

fix #9 close

実機動作確認が必要なため、途中であるがPRを作成する。as Draft.

Updated (#70)

• pages\posts\index.tsx, pages_app.tsx で参照している ECmaker.png をpublicに追加してみた。
  mainで見ないと分からなかったため出来ているかわからないけど ece1c2e をmainにマージ(#70)
  → 直ってた！
  before
  after　

Updated (this)

• 300x300 gifに変更
• 自動生成されるog画像にlogoを入れた
  
• postItem, postGrid に iCatch画像(Image)を表示するようにした。かなるs方式+のぶs方式。
  
• image画像が設定されていたときはog画像をimageにするように変更

mainマージしてから確認できる項目

多分解決している筈。

• Postの記事内でリンクコピーしたときにog画像が取得できていないこともあったが直った？
• icatch画像、できないときは自動生成logoになる？

→ マージ後、確認しました。たぶんOKです。
ディスコードにurlを貼ると、期待した通りのiCatch画像が取得できています。

ただし、Notionに貼り付けてlocalhost3000で確認するとうまくiCatchできないときもある(?)

[github-actions[bot]]

​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.6 ​ ❯ Flags {} ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ ❯ Using Next.js Runtime - v4.41.3 ​ @netlify/plugin-nextjs (onPreBuild event)
──────────────────────────────────────────────────────────────── ​ No Next.js cache to restore. ​ (@netlify/plugin-nextjs onPreBuild completed in 675ms) ​ Build command from Netlify app
──────────────────────────────────────────────────────────────── ​ $ npm run build

ecmaker@0.1.0 build next build

info - Linting and checking validity of types...

./src/hooks/apiHooks/fetcher.ts 36:28 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 49:29 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/algolia.ts 20:45 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/ogp.ts 43:16 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 43:57 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/utils/storage.ts 9:53 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules info - Creating an optimized production build... info - Compiled successfully info - Collecting page data... info - Generating static pages (0/32) MyInputFileListComponent inputFiles null MyInputFileComponent inputFiles [] MyInputMultiFileListComponent inputFiles null MyInputMultiFileListControlComponent inputFiles null info - Generating static pages (8/32) info - Generating static pages (16/32) info - Generating static pages (24/32) info - Generating static pages (32/32) info - Finalizing page optimization...

Route (pages) Size First Load JS ┌ ● / (ISR: 1 Seconds) (306 ms) 1.87 kB 167 kB ├ /_app 0 B 165 kB ├ ○ /404 480 B 165 kB ├ λ /api/auth/[...nextauth] 0 B 165 kB ├ λ /api/hello 0 B 165 kB ├ λ /api/notion-blog/comments 0 B 165 kB ├ λ /api/notion-blog/likes/[page_id] 0 B 165 kB ├ ℇ /api/notion-blog/og 0 B 165 kB ├ λ /api/ogp 0 B 165 kB ├ ○ /contact 6.23 kB 298 kB ├ ○ /login 1.99 kB 167 kB ├ ● /posts (ISR: 1 Seconds) (3156 ms) 16.7 kB 212 kB ├ ● /posts/[slug] (ISR: 1 Seconds) (53457 ms) 25.6 kB 378 kB ├ ├ /posts/notion-blog_google-analytics (7078 ms) ├ ├ /posts/icon (6244 ms) ├ ├ /posts/logo (6219 ms) ├ ├ /posts/nodejs_npm-audit-fix (4550 ms) ├ ├ /posts/RDP_remote-desktop (3583 ms) ├ ├ /posts/kakuteishinkoku_r5 (3577 ms) ├ ├ /posts/notion-blog_image-issue (3016 ms) ├ └ [+10 more paths] (avg 1919 ms) ├ ● /profile 1.86 kB 236 kB ├ ● /sandbox 829 B 196 kB ├ ○ /sandbox/input-file-list 1.54 kB 223 kB ├ ○ /sandbox/react-hook-form 21.3 kB 242 kB ├ ○ /sandbox/react-memo 857 B 222 kB ├ ○ /sandbox/react-use-memo 699 B 222 kB ├ ○ /sandbox/rive 24.4 kB 245 kB ├ ○ /sandbox/svgr 2.09 kB 223 kB └ ○ /sandbox/swr 1.04 kB 228 kB

• First Load JS shared by all 171 kB ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB ├ chunks/main-f11614d8aa7ee555.js 26.8 kB ├ chunks/pages/_app-0db5c02ce827480e.js 91.8 kB ├ chunks/webpack-c4acd79e87956a0e.js 947 B └ css/efa2c40d44a979bc.css 6.1 kB

ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps)

​ (build.command completed in 1m 14s) ​ @netlify/plugin-nextjs (onBuild event)
──────────────────────────────────────────────────────────────── ​ NextAuth package detected, NEXTAUTH_URL environment variable set by user in Netlify configuration to https://blog.ec-maker.com Moving static page files to serve from CDN... Moved 15 files to CDN The following routes use "revalidate" values of under 60 seconds, which is not supported. They will use a revalidate time of 60 seconds instead. ┌─────────┬─────────────────────────────────────────────┬────────────┐ │ (index) │ Route │ Revalidate │ ├─────────┼─────────────────────────────────────────────┼────────────┤ │ 0 │ '/' │ 1 │ │ 1 │ '/posts' │ 1 │ │ 2 │ '/posts/debug-test' │ 1 │ │ 3 │ '/posts/notion-blog_netlify-deploy-methods' │ 1 │ │ 4 │ '/posts/icon' │ 1 │ │ 5 │ '/posts/kakuteishinkoku_r5' │ 1 │ │ 6 │ '/posts/notion-blog_image-issue' │ 1 │ │ 7 │ '/posts/openAI-API' │ 1 │ │ 8 │ '/posts/notion-blog_google-analytics' │ 1 │ │ 9 │ '/posts/notion-blog_getting-started' │ 1 │ │ 10 │ '/posts/logo' │ 1 │ │ 11 │ '/posts/next.js_TipTap_plugin' │ 1 │ │ 12 │ '/posts/notion-blog_image-size' │ 1 │ │ 13 │ '/posts/schedule-git' │ 1 │ │ 14 │ '/posts/RDP_remote-desktop' │ 1 │ │ 15 │ '/posts/relocation' │ 1 │ │ 16 │ '/posts/BI_seikika' │ 1 │ │ 17 │ '/posts/nodejs_npm-audit-fix' │ 1 │ │ 18 │ '/posts/github-pr-auto-branch' │ 1 │ └─────────┴─────────────────────────────────────────────┴────────────┘ You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable. ✨ Deploying middleware and functions to Netlify Edge Functions ✨ ​ (@netlify/plugin-nextjs onBuild completed in 1.1s) ​ Functions bundling
──────────────────────────────────────────────────────────────── ​ Packaging Functions from .netlify/functions-internal directory:

• netlify-handler/netlify-handler.js
• netlify-odb-handler/netlify-odb-handler.js
• _ipx/_ipx.js ​ ​ (Functions bundling completed in 1m 55.8s) ​ Edge Functions bundling
  ──────────────────────────────────────────────────────────────── ​ Packaging Edge Functions from .netlify/edge-functions directory:
• next_pages_api_notion_blog_og ​ (Edge Functions bundling completed in 7.1s) ​ @netlify/plugin-nextjs (onPostBuild event)
  ──────────────────────────────────────────────────────────────── ​ Next.js cache saved. ​ (@netlify/plugin-nextjs onPostBuild completed in 987ms) ​ Deploy Site
  ──────────────────────────────────────────────────────────────── ​ Deploy path: /home/runner/work/blog/blog/.next Deploying to draft URL... ​ Netlify Build
  ──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.6 ​ ❯ Flags auth: nfp_GoRr3esto6qez5kYyUhqYYVSpSHm3zB166e2 build: true deployId: 6610f1aa1f1acaa793039a19 open: false prod: false prodIfUnlocked: false site: 80899a26-cfcb-42f8-886e-c84364cdaae9 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ (options.onPostBuild completed in 11s) ​ Save updated config
  ──────────────────────────────────────────────────────────────── ​ ​ (options.onEnd completed in 4ms) ​ Netlify Build Complete
  ──────────────────────────────────────────────────────────────── ​ (Netlify Build completed in 3m 32.4s)

Build logs: https://app.netlify.com/sites/blog-ecmaker/deploys/6610f1aa1f1acaa793039a19 Function logs: https://app.netlify.com/sites/blog-ecmaker/functions?scope=deploy:6610f1aa1f1acaa793039a19 Website draft URL: https://6610f1aa1f1acaa793039a19--blog-ecmaker.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --build --prod

[github-actions[bot]]

​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.3 ​ ❯ Flags {} ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ ❯ Using Next.js Runtime - v4.41.3 ​ @netlify/plugin-nextjs (onPreBuild event)
──────────────────────────────────────────────────────────────── ​ No Next.js cache to restore. ​ (@netlify/plugin-nextjs onPreBuild completed in 1.4s) ​ Build command from Netlify app
──────────────────────────────────────────────────────────────── ​ $ npm run build

ecmaker@0.1.0 build next build

info - Linting and checking validity of types...

./src/hooks/apiHooks/fetcher.ts 36:28 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 49:29 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/algolia.ts 20:45 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/ogp.ts 43:16 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 43:57 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/utils/storage.ts 9:53 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules info - Creating an optimized production build... info - Compiled successfully info - Collecting page data... info - Generating static pages (0/32) MyInputFileListComponent inputFiles null MyInputFileComponent inputFiles [] MyInputMultiFileListComponent inputFiles null MyInputMultiFileListControlComponent inputFiles null info - Generating static pages (8/32) info - Generating static pages (16/32) info - Generating static pages (24/32) info - Generating static pages (32/32) info - Finalizing page optimization...

Route (pages) Size First Load JS ┌ ● / (ISR: 1 Seconds) (2557 ms) 1.87 kB 167 kB ├ /_app 0 B 165 kB ├ ○ /404 480 B 165 kB ├ λ /api/auth/[...nextauth] 0 B 165 kB ├ λ /api/hello 0 B 165 kB ├ λ /api/notion-blog/comments 0 B 165 kB ├ λ /api/notion-blog/likes/[page_id] 0 B 165 kB ├ ℇ /api/notion-blog/og 0 B 165 kB ├ λ /api/ogp 0 B 165 kB ├ ○ /contact 6.23 kB 298 kB ├ ○ /login 1.99 kB 167 kB ├ ● /posts (ISR: 1 Seconds) (420 ms) 16.7 kB 212 kB ├ ● /posts/[slug] (ISR: 1 Seconds) (57257 ms) 25.6 kB 378 kB ├ ├ /posts/icon (9742 ms) ├ ├ /posts/notion-blog_google-analytics (8337 ms) ├ ├ /posts/notion-blog_netlify-deploy-methods (6665 ms) ├ ├ /posts/logo (4788 ms) ├ ├ /posts/RDP_remote-desktop (4129 ms) ├ ├ /posts/notion-blog_image-issue (4072 ms) ├ ├ /posts/kakuteishinkoku_r5 (3901 ms) ├ └ [+10 more paths] (avg 1562 ms) ├ ● /profile 1.86 kB 236 kB ├ ● /sandbox 829 B 196 kB ├ ○ /sandbox/input-file-list 1.54 kB 223 kB ├ ○ /sandbox/react-hook-form 21.3 kB 242 kB ├ ○ /sandbox/react-memo 857 B 222 kB ├ ○ /sandbox/react-use-memo 699 B 222 kB ├ ○ /sandbox/rive 24.4 kB 245 kB ├ ○ /sandbox/svgr 2.09 kB 223 kB └ ○ /sandbox/swr 1.04 kB 228 kB

• First Load JS shared by all 171 kB ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB ├ chunks/main-f11614d8aa7ee555.js 26.8 kB ├ chunks/pages/_app-e264c6940d337f1c.js 91.8 kB ├ chunks/webpack-c4acd79e87956a0e.js 947 B └ css/efa2c40d44a979bc.css 6.1 kB

ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps)

​ (build.command completed in 1m 17.1s) ​ @netlify/plugin-nextjs (onBuild event)
──────────────────────────────────────────────────────────────── ​ NextAuth package detected, NEXTAUTH_URL environment variable set by user in Netlify configuration to https://blog.ec-maker.com Moving static page files to serve from CDN... Moved 15 files to CDN The following routes use "revalidate" values of under 60 seconds, which is not supported. They will use a revalidate time of 60 seconds instead. ┌─────────┬─────────────────────────────────────────────┬────────────┐ │ (index) │ Route │ Revalidate │ ├─────────┼─────────────────────────────────────────────┼────────────┤ │ 0 │ '/' │ 1 │ │ 1 │ '/posts' │ 1 │ │ 2 │ '/posts/debug-test' │ 1 │ │ 3 │ '/posts/notion-blog_netlify-deploy-methods' │ 1 │ │ 4 │ '/posts/icon' │ 1 │ │ 5 │ '/posts/kakuteishinkoku_r5' │ 1 │ │ 6 │ '/posts/notion-blog_image-issue' │ 1 │ │ 7 │ '/posts/openAI-API' │ 1 │ │ 8 │ '/posts/notion-blog_google-analytics' │ 1 │ │ 9 │ '/posts/notion-blog_getting-started' │ 1 │ │ 10 │ '/posts/logo' │ 1 │ │ 11 │ '/posts/next.js_TipTap_plugin' │ 1 │ │ 12 │ '/posts/notion-blog_image-size' │ 1 │ │ 13 │ '/posts/schedule-git' │ 1 │ │ 14 │ '/posts/RDP_remote-desktop' │ 1 │ │ 15 │ '/posts/relocation' │ 1 │ │ 16 │ '/posts/BI_seikika' │ 1 │ │ 17 │ '/posts/nodejs_npm-audit-fix' │ 1 │ │ 18 │ '/posts/github-pr-auto-branch' │ 1 │ └─────────┴─────────────────────────────────────────────┴────────────┘ You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable. ✨ Deploying middleware and functions to Netlify Edge Functions ✨ ​ (@netlify/plugin-nextjs onBuild completed in 1.7s) ​ Functions bundling
──────────────────────────────────────────────────────────────── ​ Packaging Functions from .netlify/functions-internal directory:

• netlify-handler/netlify-handler.js
• netlify-odb-handler/netlify-odb-handler.js
• _ipx/_ipx.js ​ ​ (Functions bundling completed in 1m 57.5s) ​ Edge Functions bundling
  ──────────────────────────────────────────────────────────────── ​ Packaging Edge Functions from .netlify/edge-functions directory:
• next_pages_api_notion_blog_og ​ (Edge Functions bundling completed in 6.8s) ​ @netlify/plugin-nextjs (onPostBuild event)
  ──────────────────────────────────────────────────────────────── ​ Next.js cache saved. ​ (@netlify/plugin-nextjs onPostBuild completed in 986ms) ​ Deploy Site
  ──────────────────────────────────────────────────────────────── ​ Deploy path: /home/runner/work/blog/blog/.next Deploying to draft URL... ​ Netlify Build
  ──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.36.3 ​ ❯ Flags auth: nfp_GoRr3esto6qez5kYyUhqYYVSpSHm3zB166e2 build: true deployId: 6610f7f40891b7ae5f47cbec open: false prod: false prodIfUnlocked: false site: 80899a26-cfcb-42f8-886e-c84364cdaae9 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ (options.onPostBuild completed in 13.5s) ​ Save updated config
  ──────────────────────────────────────────────────────────────── ​ ​ (options.onEnd completed in 4ms) ​ Netlify Build Complete
  ──────────────────────────────────────────────────────────────── ​ (Netlify Build completed in 3m 40.6s)

Build logs: https://app.netlify.com/sites/blog-ecmaker/deploys/6610f7f40891b7ae5f47cbec Function logs: https://app.netlify.com/sites/blog-ecmaker/functions?scope=deploy:6610f7f40891b7ae5f47cbec Website draft URL: https://6610f7f40891b7ae5f47cbec--blog-ecmaker.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --build --prod

[github-actions[bot]]

​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags {} ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ ❯ Using Next.js Runtime - v4.41.3 ​ ❯ Outdated plugins

• @netlify/plugin-nextjs@4.41.3: latest version is 5.0.0 To upgrade this plugin, please update its version in "package.json" ​ @netlify/plugin-nextjs (onPreBuild event)
  ──────────────────────────────────────────────────────────────── ​ No Next.js cache to restore. ​ (@netlify/plugin-nextjs onPreBuild completed in 863ms) ​ Build command from Netlify app
  ──────────────────────────────────────────────────────────────── ​ $ npm run build

ecmaker@0.1.0 build next build

info - Linting and checking validity of types...

./src/hooks/apiHooks/fetcher.ts 36:28 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 49:29 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/algolia.ts 20:45 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/ogp.ts 43:16 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 43:57 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/utils/storage.ts 9:53 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules info - Creating an optimized production build... info - Compiled successfully info - Collecting page data... info - Generating static pages (0/32) MyInputFileListComponent inputFiles null MyInputFileComponent inputFiles [] MyInputMultiFileListComponent inputFiles null MyInputMultiFileListControlComponent inputFiles null info - Generating static pages (8/32) info - Generating static pages (16/32) info - Generating static pages (24/32) info - Generating static pages (32/32) info - Finalizing page optimization...

Route (pages) Size First Load JS ┌ ● / (ISR: 1 Seconds) 1.87 kB 167 kB ├ /_app 0 B 165 kB ├ ○ /404 480 B 165 kB ├ λ /api/auth/[...nextauth] 0 B 165 kB ├ λ /api/hello 0 B 165 kB ├ λ /api/notion-blog/comments 0 B 165 kB ├ λ /api/notion-blog/likes/[page_id] 0 B 165 kB ├ ℇ /api/notion-blog/og 0 B 165 kB ├ λ /api/ogp 0 B 165 kB ├ ○ /contact 6.23 kB 298 kB ├ ○ /login 1.99 kB 167 kB ├ ● /posts (ISR: 1 Seconds) (807 ms) 16.7 kB 212 kB ├ ● /posts/[slug] (ISR: 1 Seconds) (62925 ms) 25.6 kB 378 kB ├ ├ /posts/notion-blog_google-analytics (9865 ms) ├ ├ /posts/RDP_remote-desktop (8293 ms) ├ ├ /posts/icon (6430 ms) ├ ├ /posts/notion-blog_image-issue (6051 ms) ├ ├ /posts/logo (5494 ms) ├ ├ /posts/openAI-API (4935 ms) ├ ├ /posts/kakuteishinkoku_r5 (4180 ms) ├ └ [+10 more paths] (avg 1768 ms) ├ ● /profile 1.86 kB 236 kB ├ ● /sandbox 829 B 196 kB ├ ○ /sandbox/input-file-list 1.54 kB 223 kB ├ ○ /sandbox/react-hook-form 21.3 kB 242 kB ├ ○ /sandbox/react-memo 857 B 222 kB ├ ○ /sandbox/react-use-memo 699 B 222 kB ├ ○ /sandbox/rive 24.4 kB 245 kB ├ ○ /sandbox/svgr 2.09 kB 223 kB └ ○ /sandbox/swr 1.04 kB 228 kB

• First Load JS shared by all 171 kB ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB ├ chunks/main-f11614d8aa7ee555.js 26.8 kB ├ chunks/pages/_app-e264c6940d337f1c.js 91.8 kB ├ chunks/webpack-c4acd79e87956a0e.js 947 B └ css/1890bbbd00a93002.css 6.09 kB

ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps)

​ (build.command completed in 1m 16.9s) ​ @netlify/plugin-nextjs (onBuild event)
──────────────────────────────────────────────────────────────── ​ NextAuth package detected, NEXTAUTH_URL environment variable set by user in Netlify configuration to https://blog.ec-maker.com Moving static page files to serve from CDN... Moved 15 files to CDN The following routes use "revalidate" values of under 60 seconds, which is not supported. They will use a revalidate time of 60 seconds instead. ┌─────────┬─────────────────────────────────────────────┬────────────┐ │ (index) │ Route │ Revalidate │ ├─────────┼─────────────────────────────────────────────┼────────────┤ │ 0 │ '/' │ 1 │ │ 1 │ '/posts' │ 1 │ │ 2 │ '/posts/debug-test' │ 1 │ │ 3 │ '/posts/notion-blog_netlify-deploy-methods' │ 1 │ │ 4 │ '/posts/icon' │ 1 │ │ 5 │ '/posts/kakuteishinkoku_r5' │ 1 │ │ 6 │ '/posts/notion-blog_image-issue' │ 1 │ │ 7 │ '/posts/openAI-API' │ 1 │ │ 8 │ '/posts/notion-blog_google-analytics' │ 1 │ │ 9 │ '/posts/notion-blog_getting-started' │ 1 │ │ 10 │ '/posts/logo' │ 1 │ │ 11 │ '/posts/next.js_TipTap_plugin' │ 1 │ │ 12 │ '/posts/notion-blog_image-size' │ 1 │ │ 13 │ '/posts/schedule-git' │ 1 │ │ 14 │ '/posts/RDP_remote-desktop' │ 1 │ │ 15 │ '/posts/relocation' │ 1 │ │ 16 │ '/posts/BI_seikika' │ 1 │ │ 17 │ '/posts/nodejs_npm-audit-fix' │ 1 │ │ 18 │ '/posts/github-pr-auto-branch' │ 1 │ └─────────┴─────────────────────────────────────────────┴────────────┘ You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable. ✨ Deploying middleware and functions to Netlify Edge Functions ✨ ​ (@netlify/plugin-nextjs onBuild completed in 1.3s) ​ Functions bundling
──────────────────────────────────────────────────────────────── ​ Packaging Functions from .netlify/functions-internal directory:

• netlify-handler/netlify-handler.js
• netlify-odb-handler/netlify-odb-handler.js
• _ipx/_ipx.js ​ ​ (Functions bundling completed in 1m 57.2s) ​ Edge Functions bundling
  ──────────────────────────────────────────────────────────────── ​ Packaging Edge Functions from .netlify/edge-functions directory:
• next_pages_api_notion_blog_og ​ (Edge Functions bundling completed in 7.8s) ​ @netlify/plugin-nextjs (onPostBuild event)
  ──────────────────────────────────────────────────────────────── ​ Next.js cache saved. ​ (@netlify/plugin-nextjs onPostBuild completed in 1s) ​ Deploy Site
  ──────────────────────────────────────────────────────────────── ​ Deploy path: /home/runner/work/blog/blog/.next Deploying to draft URL... ​ Netlify Build
  ──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags auth: nfp_GoRr3esto6qez5kYyUhqYYVSpSHm3zB166e2 build: true deployId: 66171f8ec0c45800a2bfe7ab open: false prod: false prodIfUnlocked: false site: 80899a26-cfcb-42f8-886e-c84364cdaae9 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ (options.onPostBuild completed in 11.7s) ​ Save updated config
  ──────────────────────────────────────────────────────────────── ​ ​ (options.onEnd completed in 3ms) ​ Netlify Build Complete
  ──────────────────────────────────────────────────────────────── ​ (Netlify Build completed in 3m 38.4s)

Build logs: https://app.netlify.com/sites/blog-ecmaker/deploys/66171f8ec0c45800a2bfe7ab Function logs: https://app.netlify.com/sites/blog-ecmaker/functions?scope=deploy:66171f8ec0c45800a2bfe7ab Website draft URL: https://66171f8ec0c45800a2bfe7ab--blog-ecmaker.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --build --prod

[github-actions[bot]]

​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags {} ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ ❯ Using Next.js Runtime - v4.41.3 ​ ❯ Outdated plugins

• @netlify/plugin-nextjs@4.41.3: latest version is 5.0.0 To upgrade this plugin, please update its version in "package.json" ​ @netlify/plugin-nextjs (onPreBuild event)
  ──────────────────────────────────────────────────────────────── ​ No Next.js cache to restore. ​ (@netlify/plugin-nextjs onPreBuild completed in 706ms) ​ Build command from Netlify app
  ──────────────────────────────────────────────────────────────── ​ $ npm run build

ecmaker@0.1.0 build next build

info - Linting and checking validity of types...

./src/hooks/apiHooks/fetcher.ts 36:28 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 49:29 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/algolia.ts 20:45 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/ogp.ts 43:16 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 43:57 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/utils/storage.ts 9:53 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules info - Creating an optimized production build... info - Compiled successfully info - Collecting page data... info - Generating static pages (0/32) MyInputFileListComponent inputFiles null MyInputFileComponent inputFiles [] MyInputMultiFileListComponent inputFiles null MyInputMultiFileListControlComponent inputFiles null info - Generating static pages (8/32) info - Generating static pages (16/32) info - Generating static pages (24/32) info - Generating static pages (32/32) info - Finalizing page optimization...

Route (pages) Size First Load JS ┌ ● / (ISR: 1 Seconds) (478 ms) 2.15 kB 167 kB ├ /_app 0 B 165 kB ├ ○ /404 480 B 165 kB ├ λ /api/auth/[...nextauth] 0 B 165 kB ├ λ /api/hello 0 B 165 kB ├ λ /api/notion-blog/comments 0 B 165 kB ├ λ /api/notion-blog/likes/[page_id] 0 B 165 kB ├ ℇ /api/notion-blog/og 0 B 165 kB ├ λ /api/ogp 0 B 165 kB ├ ○ /contact 6.23 kB 298 kB ├ ○ /login 1.99 kB 167 kB ├ ● /posts (ISR: 1 Seconds) (1951 ms) 17 kB 213 kB ├ ● /posts/[slug] (ISR: 1 Seconds) (57502 ms) 25.6 kB 378 kB ├ ├ /posts/logo (9108 ms) ├ ├ /posts/notion-blog_google-analytics (6994 ms) ├ ├ /posts/icon (6675 ms) ├ ├ /posts/RDP_remote-desktop (5183 ms) ├ ├ /posts/kakuteishinkoku_r5 (4702 ms) ├ ├ /posts/openAI-API (3893 ms) ├ ├ /posts/notion-blog_image-issue (3389 ms) ├ └ [+10 more paths] (avg 1756 ms) ├ ● /profile 1.86 kB 236 kB ├ ● /sandbox 829 B 196 kB ├ ○ /sandbox/input-file-list 1.54 kB 223 kB ├ ○ /sandbox/react-hook-form 21.3 kB 242 kB ├ ○ /sandbox/react-memo 857 B 222 kB ├ ○ /sandbox/react-use-memo 699 B 222 kB ├ ○ /sandbox/rive 24.4 kB 245 kB ├ ○ /sandbox/svgr 2.09 kB 223 kB └ ○ /sandbox/swr 1.04 kB 228 kB

• First Load JS shared by all 171 kB ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB ├ chunks/main-f11614d8aa7ee555.js 26.8 kB ├ chunks/pages/_app-e264c6940d337f1c.js 91.8 kB ├ chunks/webpack-c4acd79e87956a0e.js 947 B └ css/01469b2030ce8b38.css 6.12 kB

ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps)

​ (build.command completed in 1m 14.4s) ​ @netlify/plugin-nextjs (onBuild event)
──────────────────────────────────────────────────────────────── ​ NextAuth package detected, NEXTAUTH_URL environment variable set by user in Netlify configuration to https://blog.ec-maker.com Moving static page files to serve from CDN... Moved 15 files to CDN The following routes use "revalidate" values of under 60 seconds, which is not supported. They will use a revalidate time of 60 seconds instead. ┌─────────┬─────────────────────────────────────────────┬────────────┐ │ (index) │ Route │ Revalidate │ ├─────────┼─────────────────────────────────────────────┼────────────┤ │ 0 │ '/' │ 1 │ │ 1 │ '/posts' │ 1 │ │ 2 │ '/posts/next.js_TipTap_plugin' │ 1 │ │ 3 │ '/posts/logo' │ 1 │ │ 4 │ '/posts/notion-blog_getting-started' │ 1 │ │ 5 │ '/posts/debug-test' │ 1 │ │ 6 │ '/posts/notion-blog_netlify-deploy-methods' │ 1 │ │ 7 │ '/posts/icon' │ 1 │ │ 8 │ '/posts/kakuteishinkoku_r5' │ 1 │ │ 9 │ '/posts/notion-blog_image-issue' │ 1 │ │ 10 │ '/posts/openAI-API' │ 1 │ │ 11 │ '/posts/notion-blog_google-analytics' │ 1 │ │ 12 │ '/posts/notion-blog_image-size' │ 1 │ │ 13 │ '/posts/schedule-git' │ 1 │ │ 14 │ '/posts/RDP_remote-desktop' │ 1 │ │ 15 │ '/posts/relocation' │ 1 │ │ 16 │ '/posts/BI_seikika' │ 1 │ │ 17 │ '/posts/nodejs_npm-audit-fix' │ 1 │ │ 18 │ '/posts/github-pr-auto-branch' │ 1 │ └─────────┴─────────────────────────────────────────────┴────────────┘ You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable. ✨ Deploying middleware and functions to Netlify Edge Functions ✨ ​ (@netlify/plugin-nextjs onBuild completed in 1.3s) ​ Functions bundling
──────────────────────────────────────────────────────────────── ​ Packaging Functions from .netlify/functions-internal directory:

• netlify-handler/netlify-handler.js
• netlify-odb-handler/netlify-odb-handler.js
• _ipx/_ipx.js ​ ​ (Functions bundling completed in 1m 57.8s) ​ Edge Functions bundling
  ──────────────────────────────────────────────────────────────── ​ Packaging Edge Functions from .netlify/edge-functions directory:
• next_pages_api_notion_blog_og ​ (Edge Functions bundling completed in 6.5s) ​ @netlify/plugin-nextjs (onPostBuild event)
  ──────────────────────────────────────────────────────────────── ​ Next.js cache saved. ​ (@netlify/plugin-nextjs onPostBuild completed in 996ms) ​ Deploy Site
  ──────────────────────────────────────────────────────────────── ​ Deploy path: /home/runner/work/blog/blog/.next Deploying to draft URL... ​ Netlify Build
  ──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags auth: nfp_GoRr3esto6qez5kYyUhqYYVSpSHm3zB166e2 build: true deployId: 661939684489ec1f129e94a7 open: false prod: false prodIfUnlocked: false site: 80899a26-cfcb-42f8-886e-c84364cdaae9 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ (options.onPostBuild completed in 11.7s) ​ Save updated config
  ──────────────────────────────────────────────────────────────── ​ ​ (options.onEnd completed in 4ms) ​ Netlify Build Complete
  ──────────────────────────────────────────────────────────────── ​ (Netlify Build completed in 3m 35.2s)

Build logs: https://app.netlify.com/sites/blog-ecmaker/deploys/661939684489ec1f129e94a7 Function logs: https://app.netlify.com/sites/blog-ecmaker/functions?scope=deploy:661939684489ec1f129e94a7 Website draft URL: https://661939684489ec1f129e94a7--blog-ecmaker.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --build --prod

[github-actions[bot]]

​ Netlify Build
──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags {} ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ ❯ Using Next.js Runtime - v4.41.3 ​ ❯ Outdated plugins

• @netlify/plugin-nextjs@4.41.3: latest version is 5.0.0 To upgrade this plugin, please update its version in "package.json" ​ @netlify/plugin-nextjs (onPreBuild event)
  ──────────────────────────────────────────────────────────────── ​ No Next.js cache to restore. ​ (@netlify/plugin-nextjs onPreBuild completed in 1.2s) ​ Build command from Netlify app
  ──────────────────────────────────────────────────────────────── ​ $ npm run build

ecmaker@0.1.0 build next build

info - Linting and checking validity of types...

./src/hooks/apiHooks/fetcher.ts 36:28 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 49:29 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/algolia.ts 20:45 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/server/utils/ogp.ts 43:16 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any 43:57 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

./src/utils/storage.ts 9:53 Warning: Unexpected any. Specify a different type. @typescript-eslint/no-explicit-any

info - Need to disable some ESLint rules? Learn more here: https://nextjs.org/docs/basic-features/eslint#disabling-rules info - Creating an optimized production build... info - Compiled successfully info - Collecting page data... info - Generating static pages (0/32) MyInputFileListComponent inputFiles null MyInputFileComponent inputFiles [] MyInputMultiFileListComponent inputFiles null MyInputMultiFileListControlComponent inputFiles null info - Generating static pages (8/32) info - Generating static pages (16/32) info - Generating static pages (24/32) info - Generating static pages (32/32) info - Finalizing page optimization...

Route (pages) Size First Load JS ┌ ● / (ISR: 1 Seconds) 2.15 kB 167 kB ├ /_app 0 B 165 kB ├ ○ /404 480 B 165 kB ├ λ /api/auth/[...nextauth] 0 B 165 kB ├ λ /api/hello 0 B 165 kB ├ λ /api/notion-blog/comments 0 B 165 kB ├ λ /api/notion-blog/likes/[page_id] 0 B 165 kB ├ ℇ /api/notion-blog/og 0 B 165 kB ├ λ /api/ogp 0 B 165 kB ├ ○ /contact 6.23 kB 298 kB ├ ○ /login 1.99 kB 167 kB ├ ● /posts (ISR: 1 Seconds) (2142 ms) 17 kB 213 kB ├ ● /posts/[slug] (ISR: 1 Seconds) (53843 ms) 25.6 kB 378 kB ├ ├ /posts/next.js_TipTap_plugin (6002 ms) ├ ├ /posts/relocation (5302 ms) ├ ├ /posts/logo (5144 ms) ├ ├ /posts/debug-test (4522 ms) ├ ├ /posts/icon (4403 ms) ├ ├ /posts/notion-blog_getting-started (4105 ms) ├ ├ /posts/notion-blog_google-analytics (4015 ms) ├ └ [+10 more paths] (avg 2035 ms) ├ ● /profile 1.86 kB 236 kB ├ ● /sandbox 829 B 196 kB ├ ○ /sandbox/input-file-list 1.54 kB 223 kB ├ ○ /sandbox/react-hook-form 21.3 kB 242 kB ├ ○ /sandbox/react-memo 857 B 222 kB ├ ○ /sandbox/react-use-memo 699 B 222 kB ├ ○ /sandbox/rive 24.4 kB 245 kB ├ ○ /sandbox/svgr 2.09 kB 223 kB └ ○ /sandbox/swr 1.04 kB 228 kB

• First Load JS shared by all 171 kB ├ chunks/framework-2c79e2a64abdb08b.js 45.2 kB ├ chunks/main-f11614d8aa7ee555.js 26.8 kB ├ chunks/pages/_app-e264c6940d337f1c.js 91.8 kB ├ chunks/webpack-c4acd79e87956a0e.js 947 B └ css/01469b2030ce8b38.css 6.12 kB

ℇ (Streaming) server-side renders with streaming (uses React 18 SSR streaming or Server Components) λ (Server) server-side renders at runtime (uses getInitialProps or getServerSideProps) ○ (Static) automatically rendered as static HTML (uses no initial props) ● (SSG) automatically generated as static HTML + JSON (uses getStaticProps) (ISR) incremental static regeneration (uses revalidate in getStaticProps)

​ (build.command completed in 1m 14.7s) ​ @netlify/plugin-nextjs (onBuild event)
──────────────────────────────────────────────────────────────── ​ NextAuth package detected, NEXTAUTH_URL environment variable set by user in Netlify configuration to https://blog.ec-maker.com Moving static page files to serve from CDN... Moved 15 files to CDN The following routes use "revalidate" values of under 60 seconds, which is not supported. They will use a revalidate time of 60 seconds instead. ┌─────────┬─────────────────────────────────────────────┬────────────┐ │ (index) │ Route │ Revalidate │ ├─────────┼─────────────────────────────────────────────┼────────────┤ │ 0 │ '/' │ 1 │ │ 1 │ '/posts' │ 1 │ │ 2 │ '/posts/debug-test' │ 1 │ │ 3 │ '/posts/next.js_TipTap_plugin' │ 1 │ │ 4 │ '/posts/logo' │ 1 │ │ 5 │ '/posts/notion-blog_getting-started' │ 1 │ │ 6 │ '/posts/notion-blog_netlify-deploy-methods' │ 1 │ │ 7 │ '/posts/icon' │ 1 │ │ 8 │ '/posts/kakuteishinkoku_r5' │ 1 │ │ 9 │ '/posts/notion-blog_image-issue' │ 1 │ │ 10 │ '/posts/openAI-API' │ 1 │ │ 11 │ '/posts/notion-blog_google-analytics' │ 1 │ │ 12 │ '/posts/notion-blog_image-size' │ 1 │ │ 13 │ '/posts/schedule-git' │ 1 │ │ 14 │ '/posts/RDP_remote-desktop' │ 1 │ │ 15 │ '/posts/relocation' │ 1 │ │ 16 │ '/posts/BI_seikika' │ 1 │ │ 17 │ '/posts/nodejs_npm-audit-fix' │ 1 │ │ 18 │ '/posts/github-pr-auto-branch' │ 1 │ └─────────┴─────────────────────────────────────────────┴────────────┘ You are not using Netlify Edge Functions for image format detection. Set env var "NEXT_FORCE_EDGE_IMAGES=true" to enable. ✨ Deploying middleware and functions to Netlify Edge Functions ✨ ​ (@netlify/plugin-nextjs onBuild completed in 1.6s) ​ Functions bundling
──────────────────────────────────────────────────────────────── ​ Packaging Functions from .netlify/functions-internal directory:

• netlify-handler/netlify-handler.js
• netlify-odb-handler/netlify-odb-handler.js
• _ipx/_ipx.js ​ ​ (Functions bundling completed in 1m 57.9s) ​ Edge Functions bundling
  ──────────────────────────────────────────────────────────────── ​ Packaging Edge Functions from .netlify/edge-functions directory:
• next_pages_api_notion_blog_og ​ (Edge Functions bundling completed in 7.1s) ​ @netlify/plugin-nextjs (onPostBuild event)
  ──────────────────────────────────────────────────────────────── ​ Next.js cache saved. ​ (@netlify/plugin-nextjs onPostBuild completed in 973ms) ​ Deploy Site
  ──────────────────────────────────────────────────────────────── ​ Deploy path: /home/runner/work/blog/blog/.next Deploying to draft URL... ​ Netlify Build
  ──────────────────────────────────────────────────────────────── ​ ❯ Version @netlify/build 29.39.0 ​ ❯ Flags auth: nfp_GoRr3esto6qez5kYyUhqYYVSpSHm3zB166e2 build: true deployId: 66194071ba4e9426b68c67f7 open: false prod: false prodIfUnlocked: false site: 80899a26-cfcb-42f8-886e-c84364cdaae9 skipFunctionsCache: false ​ ❯ Current directory /home/runner/work/blog/blog ​ ❯ Config file No config file was defined: using default values. ​ ❯ Context dev ​ (options.onPostBuild completed in 13.5s) ​ Save updated config
  ──────────────────────────────────────────────────────────────── ​ ​ (options.onEnd completed in 4ms) ​ Netlify Build Complete
  ──────────────────────────────────────────────────────────────── ​ (Netlify Build completed in 3m 38.9s)

Build logs: https://app.netlify.com/sites/blog-ecmaker/deploys/66194071ba4e9426b68c67f7 Function logs: https://app.netlify.com/sites/blog-ecmaker/functions?scope=deploy:66194071ba4e9426b68c67f7 Website draft URL: https://66194071ba4e9426b68c67f7--blog-ecmaker.netlify.app

If everything looks good on your draft URL, deploy it to your main site URL with the --prod flag. netlify deploy --build --prod