プログラミング Next.js 13 ではどのようにレンダリングされているのか？[初心者向けにまとめてみた]
こんにちは。今回はnext.js 13を扱うにあたって、レンダリングが実際どのように動いているか ちゃんと把握出来ていない人もしっかりここを把握しておこうということで、初心者にも分かりやすく、そして自分のまとめ用にこの記事を進めていこうと思...
next.js
プログラミング 
プログラミング #2 next.js 13で個人開発 フロント開発を振り返る
こんにちは。今回は、前回に引き続く「next.js 13 で個人開発」シリーズになります。 今回でフロントエンドの開発が大体終わったので、実際に個人で開発するのにnext.js 13は向いていたか。 もっとこうすれば良かった！などの反省点な...
プログラミング next.13 フォントスタイルの変更方法について
こんにちは。今回はnext.13のlayout.tsxファイルを使って、googleフォントから選んできたフォントスタイルを適用したいと思います。 googleフォントサイトから好きなフォントを選ぶ フォントスタイルを以下のGoogle F...
プログラミング next.js のレンダリングの仕組みを公式Docを元に理解してみた
こんにちは。今回は、next.jsのサーバーサイドレンダリング(SSR)とページ遷移時のレンダリング速度について理解した範囲で書いていければと思います。 何故SSRの方がレンダリング速度がはやいのか？ サーバーサイドレンダリング(SSR)と...
プログラミング reactとnext.js 13の再レンダリング速度は同じであるか？[chatGPT]
ReactとNext.jsの再レンダリングのメカニズムは同じ ReactとNext.jsの再レンダリングの基本的なメカニズムは、確かに同じです。両方ともReactの仮想DOMと差分検出のメカニズムを使用して効率的な再レンダリングを行います。...
プログラミング #1 next.js 13で個人開発
こんにちは。今回はnext.js 13以降を使って個人開発してみようということで、シリーズで初心者でも開発環境が整えられるような記事にしていこうと思います！ next.js 13からは「App Router」が導入されて、ディレクトリ構造も...
プログラミング next.jsはreactの上位互換と言えるだろうか？
こんにちは。先日の記事の冒頭でも話した通り、reactのspaのトレンド来てる！というのは２年ほど前の話で、友人からnext.js一強の時代がきてるという情報を頂いたので、開発技術選定の意も込めて、何がそんなに凄いんだろうと調べることにしま...