お問い合わせ・ご相談についてはこちら

next.jsで個人開発

ComputerScience

Edge Middlewareが面白そうな件

こんにちは。今回はmiddlewareで認証を実装しようとしていたら、Edge Middlewareなるものに遭遇したんですよ!こいつがかなり面白そうで、とりあえず今回は端的に比較を備忘録として残しておきます。(精度は、備忘録程度です。あく...
ComputerScience

Next.js 13 middlewareでトークン認証を実装した事を振り返る[firebase]

こんにちは。今回は、前回の記事の続きにあたります。前回の記事では、firebaseのAuthを使って認証を得たユーザーのみページにアクセスできるようにページブロック機能を実装する方法を、セキュリティガン無視の入り口として書きました。ただ、そ...
ComputerScience

Next.js 13 ではどのようにレンダリングされているのか?[初心者向けにまとめてみた]

こんにちは。今回はnext.js 13を扱うにあたって、レンダリングが実際どのように動いているかちゃんと把握出来ていない人もしっかりここを把握しておこうということで、初心者にも分かりやすく、そして自分のまとめ用にこの記事を進めていこうと思い...
ComputerScience

Error: Event handlers cannot be passed to Client Component props. を出来るだけページ遷移速度を落とさずに解決する

はじめにこんにちは。今回はnext.js 13で開発しているときにに、on click()を実装したんですが、Error: Event handlers cannot be passed to Client Component props....
ComputerScience

next.js 13 のページ遷移速度は何故速いのか

こんにちは。今回はnext.js13でページ遷移速度が速いと言われているが、どうやってその速さを実現しているのかを調べてみました。SSRとクライアントサイドナビゲーションを使うnext.js では、ページの表示にSSR(サーバーサイドレンダ...