image-【新刊】Server Actionsフルスタックアプリ開発の入門書リリース/Next.js

【新刊】Server Actionsフルスタックアプリ開発の入門書リリース/Next.js

pen-icon2024.11.1rewrite-icon2025.11.7

この記事は約3分で読めます

Profile Pic

筆者:三好アキ(専門用語なしでプログラミング)

▶︎ 三好アキの著書一覧はこちら

*改訂版リリース(2025年11月追記)

2025年10月のNext.jsバージョン16に合わせ、内容を最新情報に準拠させた改訂版をリリースしました。

Next.js Server Actionsでつくるフルスタックアプリ

【2025年11月リリース。少ないコードですばやく本格的なフルスタックアプリを開発する方法を紹介】

Amazonのページに移動する

Server Actionsの新刊リリース

本日、Next.jsとServer Actionsを使ってフルスタックアプリを開発する新刊をリリースしました。

私の他の本と同じように、本書もビギナーを対象にしているので、Next.jsやReactの深い理解や経験は不要です。

Next.jsは、1週間前にリリースされた最新バージョンの15を使っています。

Kindle Unlimited利用者は無料で読めます。

Next.js Server Actionsでつくるフルスタックアプリ

【2024年11月リリース。少ないコードですばやく本格的なフルスタックアプリを開発する方法を紹介】

Amazonのページに移動する

本書の特徴

本書はServer Actionsを使ったフルスタックアプリ開発を解説する本ですが、そもそもServer Actions利用にはどのようなメリットがあるのでしょうか。

従来のフルスタックアプリ開発では、バックエンドとフロントエンドを分離させて開発するのが一般的でした。

バックエンドとして下図のようなデータ供給層を作り、これをフロントエンドで取得して表示するという流れです。

• バックエンドのデータ
image

• フロントエンドで取得して表示
image

しかしServer Actionsを使うと、バックエンドをあえて開発しなくとも、フルスタックアプリ開発が可能です。

結果としてコード量は少なく、開発にかかる時間も大幅に短縮できるのがServer Actionsのメリットです。

本書はそのようなServer Actionsの使い方を初心者向けに解説する本です。

アプリを自分の手で作り上げながら進める、いつも通りのハンズオン形式になっています。

姉妹書との違い

私はすでに、Next.jsでフルスタックアプリを開発する本を出しています(下記2冊)。

image

動かして学ぶ!Next.js/React開発入門(翔泳社/2024/*韓国でも出版)

Next.jsでつくるフルスタックアプリ(前編・後編)


本書はこの2冊の姉妹書にあたります。

上記既刊書では、Next.jsのバックエンドをフロントエンドから分けて開発する方法をとっていました(Route Handlersを使用)。

本書は、まったく同じアプリを異なる手法で開発する、つまりServer Actionsを使って開発する、というコンセプトの本です。

上記2冊と合わせて読むことで、Next.jsフルスタックアプリ開発への理解がより深まるでしょう。

なお、『Next.jsでつくるフルスタックアプリ(前編・後編)』に関しては2024年11月に改訂版を出しました。Next.jsバージョン15に対応した内容となっています。

くわしくは下記記事もご覧ください。

執筆時のエピソードなど

上記のNext.jsでフルスタックアプリを開発する本を出したときから、Server Actions版を出そうと考えていました。

最初にとりかかったのは、上記既刊書で作った見本アプリをServer Actionsで作り直すことですが、他の作業の合間にしていたので、ここに結構時間がかかったと思います。

そして執筆を始めてからは、その途中でNext.jsのバージョン15がリリースされるということがありました。

この本における私の優先事項は「Server Actionsの使い方の紹介」であり、「最新バージョンのNext.jsの紹介」ではなかったので、特に大きな影響というものはなかったのですが、Next.jsバージョン15では、contextcookies()が非同期になり、await/asyncが必要になっている変更点などは反映させる必要がありました。

Next.js関係の解説書を書いているときはいつも思うことですが、これだけアップデートが多く、変更点も多いツール(=Next.js)について書くことの難しさをまた改めて感じました。

*他の方と同じように、私も「Reactバージョン安定版19リリースまでNext.jsバージョン15のリリースはないだろう」と思っていました。Next.js公式のこちらの発言のように、React 19安定版リリース前にNext.jsのアップグレードを決めたようですね。

Next.js Server Actionsでつくるフルスタックアプリ

【2024年11月リリース。少ないコードですばやく本格的なフルスタックアプリを開発する方法を紹介】

Amazonのページに移動する

image

⚫︎ monotein.com/present

Profile Pic

✤ 筆者 ✤
三好アキ(専門用語なしでプログラミング)


「専門用語なし」のメソッドで1,200人以上のビギナーをフロントエンド開発入門に成功させる。翔泳社『動かして学ぶ!Next.js/React開発入門』(韓国でも出版)など著書25冊以上。Amazonベストセラー1位複数回獲得。


React、Next.js、TypeScriptなどの最新情報や初心者向けコンテンツを、無料メルマガ配信中。メールアドレスだけで登録可 ▶︎ 無料メルマガ登録