Next.js App Routerの"use server"雑感 : Rails視点から

2024/10/14 19 users 関数 境界 懸念 use server Next.js

はじめに Next.jsにServer Actionが新しく導入されました。サーバ上の関数をブラウザから直接呼び出すようなコードの書き味を提供するもので、非常に魅力のあるコンセプトだと私は思っています。ただしサーバ上で実行されるコードとブラウザで実行されるコードの境界が曖昧で、"use server"のセキュリティ上の懸念もよく... 続きを読む

Next.jsで簡単なCRUDアプリを作りながら気になったセキュリティ: Railsの視点から

2024/10/11 108 users Rails デモアプリ CRUDアプリ CRUD GitHub

先日、Kamal 2でNext.jsを安価なVPSにデプロイする勉強をしながら、Next.js App Router/Server ActionでCRUDのデモアプリを作成しました（コードはGitHub）。そのときにセキュリティについて気になって点がいくつかあり、勉強しながら対策をしましたので紹介したいと思います。 私自身は業務でNext.jsを書いた経験が限定... 続きを読む

Server Action と useFormState

2023/12/03 12 users useFormState サーバーサイド ハイドレーション

本稿は Next.js で今試せる React canary の機能「useFormState」に関する記事です。Server Action を使用すると、API Client を使用せずにブラウザから直接サーバーサイドの関数を実行できます。Server Action のメリットは以下のものが挙がります。 API Client が不要になる ハイドレーションを待たずに反応できる Pro... 続きを読む

【PHPと一緒だなんて言わないで】Next.js@13.4によるZero API Web Application

2023/05/25 20 users PHP API 麻雀 Next.js タイトル

はじめに タイトルで大袈裟にZero API Web Applicationという名前をつけてしまいましたが、要するにNext.jsのversion13.4のServer ActionとReact Server Componentを活用してAPIを作らない・叩かないWeb Applicationを開発するというものです。 今回は趣味で作った麻雀のゲームを例に、Next.js@13.4でAPI要らずなアプリ... 続きを読む