Next.jsのコンパイラから知るServer Actionsの完全解析 ~セキュリティ上の注意点も含めて~ - カミナシ エンジニアブログ

はじめに StatHackカンパニーの渡邉です。 私の普段の取り組みをこちらで紹介しているのでこちらもどうぞ。 note.kaminashi.jp 私たちKaminashiでは、さまざまなプロダクトにNext.jsを採用し始めています。 今回のブログではNext.jsの最も特徴的な機能の一つであるServer Actionsに関してフォーカスし、それがどういう仕組みで動いているのかコンパイラのソースコードを確認しながら解説し、 最後に実装上の注意点について述べます。 特にServer Actionsの具体的な中身の解説に関してはヘビーなので、実装上の注意点だけ見てもらうだけでも良いかもしれないです。 それではやっていきましょう。 Server Actionsとは？ Server ActionsとはNext.js v14から正式にリリースされた機能で、従来フロントエンドのために記述していたR

[sh19910711]

"従来フロントエンドのために記述していたReactの中にサーバ (Rest APIなど) が持つべき機能を記述 / SQLのクエリもReactの関数の中に記述できる"

[manaten]

ServerActions、実装が楽すぎるのでSSRしてAPI叩くタイプのアプリケーション作るなら第一の候補にしたいんだけど、欲を言うとクライアント側呼び出しにタイムアウトなどのミドルウェア的処理を入れたくなることが多々