blog-hero-img

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

pen-icon2024.11.1rewrite-icon2024.11.26

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

Profile Pic

この記事の筆者:三好アキ


🟢 専門用語なしでプログラミングを教えるメソッドに定評があり、1200人以上のビギナーを、最新のフロントエンド開発入門に成功させる。
🟢『はじめてつくるReactアプリ with TypeScript』、『動かして学ぶ!Next.js/React開発入門(翔泳社/*韓国でも出版)』著者。


▼ Amazon著者ページはこちら
amazon.co.jp/stores/author/B099Z51QF2



Server Actionsの新刊リリース

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

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

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

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

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

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

880円0円

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月リリース。少ないコードですばやく本格的なフルスタックアプリを開発する方法を紹介】

880円0円

Amazonのページに移動する


image

▼【無料フロントエンド・ガイド】は下記ページで受け取れます。

https://monotein.com/present-for-readers

Profile Pic

🟩 フロントエンド開発者入門ガイド【無料配布中】


最初にこれが知りたかった!
フロントエンド初心者が必ず押さえておきたい ― 『挫折しない勉強法』とその具体的ステップ、無料配布中。
(*名前不要・メールアドレスだけで受け取り可能です)