Next.jsのloading UIについて解説しています。Next.jsのloading UIはApp Router内では、loading.jsを使うだけで簡単に実装ができます。ただし、これらの挙動を理解する上でReact 18のSuspenceの挙動を理解する必要があるので、こちらについてもこの記事で解説しています。

Next.js loading UIの使い方〜React18のSuspenceを理解する〜

プロを目指す人のためのTypeScript入門 安全なコードの書き方から高度な型の使い方まで (Software Design plus) 

Next.jsでカスタムしたfetch関数を使ってapiを呼び出す方法を解説しています。Next.jsでは、fetch関数を使うことで簡単にrevalidate(ISR)等ができますが、fetch関数は扱いづらい部分がありますので、Next.jsの入門者にも分かりやすいように非同期処理、Promise、async、awaitについても解説しています。

Next.jsでカスタムしたfetch関数を使ってapiを呼び出す

Next.jsのApp Routerのメリットについて解説しています。本記事では、App Routerの概要や前提知識であるServer ComponentsやClient Componentsについて解説しています。

Next.jsのApp Routerを使うメリットについて解説

これからはじめるReact実践入門 コンポーネントの基本からNext.jsによるアプリ開発まで

Next.js × TypeScript入門する人に向けておすすめする書籍を「２冊だけ」紹介しています。これからNext.jsに入門する駆け出しエンジニアやフロントエンドに入門する人向けの書籍を紹介しています。HTML、CSSの知識を身につけている人であれば未経験の方でもおすすめです。

【2冊でOK】Next.js × TypeScript入門~おすすめ書籍の紹介~

この記事では、Next.jsとFuse.jsを組み合わせて高速かつ効率的な検索機能を実装する方法を解説します。Fuse.jsの概要や基本的な使い方についても解説しています。