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

next.jsで個人開発

プログラミング

Edge Middlewareが面白そうな件

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

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

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

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

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

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...
プログラミング

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

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