DATA-WORLD-BLOG
2023-07-06
Next.js13.4_improving Performance＆Stability
👤horomi今回も公式ブログを読みながら英語の勉強も兼ねてまとめてみました 🏋️
🔽
感想
💁♀️
Discordの投稿をコピペしたものです。熱量が伝われば幸いww
✅Next.13.4でやること、やらないことを整理！！
いや、フレームワークのアップデート履歴って追ったことなかったから
知識ゼロだったんですが、
やっと分かってきました。。。
アルファー版で取り込んでバグバグするより
ベータ版になってから取り込んだほうが
ドキュメントも分かりやすくなってるし、
解説ブログも親切じゃんって。。。。
今回まさにそれで、
今までの振り返りブログだったんですw
「めっちゃ安定するようになったんよ」
っていう内容でした。(雑)
文末にちょこっと紹介されてたアルファー版のServer Actionはいまいち該当部分がピンとこないので
保留にして様子見ることにしました。
よって、普通に
yarn add完了＼(^o^)／
Vercelが鬼速いのだけは確認できたのでスクショ入れときますwww
lintより速いっす。
今までvercelのDeploymentだけstatusだったのに、
すぐDoneになりましたw
まだサンプルDBで動かしただけなので通常のデータ量でどうなるかは次回以降試してみる予定です〜〜〜
作業ログ
yarn buildをしてみるとエラーが出ていたことを今更知った。。。
$ node scripts/set-blog-index-cache.js && next build && node scripts/expire-blog-index-cache.js
@notionhq/client warn: request fail { code: 'unauthorized', message: 'API token is invalid.' }
/Users/herohoro/data-world-blog/node_modules/@notionhq/client/build/src/errors.js:162
return new APIResponseError({
^
APIResponseError: API token is invalid.
at buildRequestError (/Users/herohoro/data-world-blog/node_modules/@notionhq/client/build/src/errors.js:162:16)
at Client.request (/Users/herohoro/data-world-blog/node_modules/@notionhq/client/build/src/Client.js:342:54)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
at async exports.set (/Users/herohoro/data-world-blog/lib/notion/blog-index-cache.js:59:18) {
code: 'unauthorized',
status: 401,
headers: Headers {
[Symbol(map)]: [Object: null prototype] {
date: [ 'Sun, 25 Jun 2023 21:26:04 GMT' ],
'content-type': [ 'application/json; charset=utf-8' ],
'content-length': [ '87' ],
connection: [ 'close' ],
'x-powered-by': [ 'Express' ],
etag: [ 'W/"57-QCRLT3IovYEW+CkwyJQlFtiXiG8"' ],
vary: [ 'Accept-Encoding' ],
'cf-cache-status': [ 'DYNAMIC' ],
'set-cookie': [
'__cf_bm=HqP6lo6IiGZMH1KLS9vqvtv5bWOuTcIs_FtIYYMYhqY-1687728364-0-AbBAs9qo9GV3G70YCJLnJj7OWlR4JRhZi8R8tIsnqz2XP4zoE3Pt1uBT34U7g5ibOzcWiDeNjLdWDJRC46bxbXE=; path=/; expires=Sun, 25-Jun-23 21:56:04 GMT; domain=.notion.com; HttpOnly; Secure; SameSite=None'
],
server: [ 'cloudflare' ],
'cf-ray': [ '7dd0495f19ceafbb-NRT' ]
}
},
body: '{"object":"error","status":401,"code":"unauthorized","message":"API token is invalid."}'
}APIをテスト用に使えるのを差し替えてみた
でも改善せず。。。。
herohoroブログでもyarn buildできるか試してみる…..
同じエラーが出てる。。。。
easyメンテ用で試してみても同じ。。。。。
どうにもならないから、無視して13.4版をVercelにあげてみたら無事通過👀
でも、使い過ぎ表示がされてたから気をつけないといけない
できたこと
- OG修理後の本番確認
- メンテ用OGの修理
- 次へボタンの修理後の本番確認
やること
- buildエラーを解除する
やっと持ち越しエラーが解除されてスッキリしました＼(^o^)／