Next.js/React

React Hook入門(useState & useEffect編)

Reactにデフォルトで採用されている便利機能React Hook。 今回は最も使用頻度の高い「useState」と「useEffect」についてまとめた。

Next.jsでローカルのjsonファイルを読み込む方法

Next.jsでサイトを作成するとき、そんなに頻繁に更新しない(DBやヘッドレスCMSを使うほどでもない)データをどうしようかと考えたところ、最終的にjsonファイルで管理することにした。 今回はそれをどう実現するかのメモ。

Next.js(App Router)とmicroCMSでブログを作ろう!! ~ワード検索編~

やっとこさワード検索実装します。

Next.js(App Router)とmicroCMSでブログを作ろう!! ~記事一覧を共通パーツ化編~

前回、「次回はワード検索」と書きましたが、よくよく考えると既に記事一覧の部分が全体とカテゴリ毎で2つ出来てしまっているなと気づいたので、まずはこれらを共通化したいと思います。

Next.js(App Router)とmicroCMSでブログを作ろう!! ~カテゴリ機能編~

今回は、前回作成したブログサイトにカテゴリ機能を実装してみる。 なお、前回の記事通りに作成した場合、すでにAPIの方のカテゴリ機能は実装されているはずなので、今回はそれを利用する。

Next.js(App Router)とmicroCMSでブログを作ろう!! ~一覧・詳細ページ編~

最近流行り(??)のJamstackブログを最新のNext.js(今回は14.0.2)とmicroCMSで作ってみよう。 ※Next.jsのプロジェクトの作り方は以前の記事を参照してください

Next.jsことはじめ(プロジェクトの作成から画面表示まで)

Next.jsのプロジェクトを作成し、画面を表示させるまでをまとめてみた。

Reactアプリを作る

Reactの勉強を始めたので、とりあえず事始め的なアレ。 ※npmとか諸々必要な環境構築は済んでいると仮定する