Hatena Blog Tags
はてなブログ トップ
Server Actions
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

Server Actions

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
White Box技術部•1ヶ月前

【Next.js】revalidateTagによって再検証される「次にアクセスされたタイミング」とはいつなのか？

今です！（孔明 そう、現在表示中のページを構成するfetchに対するrevalidateTagの場合、リロードや別画面に一旦遷移する必要など無く、即座に再検証が発生します。 この話は何なのか？ Next.jsではサーバーコンポーネントで取得しているデータを更新するための手段がいくつかあるのですが、 revalidateTagはそこで指定したタグを持つfetch処理を行っているサーバーコンポーネントを再検証させるものです。 ええ、私はそう認識していたので、「更新したい対象がわかっているならrevalidatePath使うよりもrevalidateTagを使うほうが意図が明確でいいだろう」という感…

#Next.js#Server Component#Server Actions

関連ブログ

TECHSCORE BLOG•8ヶ月前

Next.js App Router の基礎：フロントエンドエンジニアのための入門ガイド（Server Actionsとフォーム処理編）

1. はじめに 1.1 第3回の位置づけ 第1回では Server Components と Client Components の基本概念を学び、第2回ではルーティングとレイアウトの仕組みを理解しました。今回の第3回では、これらの知識を活かして、Server Actions による新しいフォーム処理手法を習得し、実際の Web アプリケーション開発で必要となる認証・セッション管理まで踏み込んでいきます。 これにより、App Router を使った完全な Web アプリケーション開発のための基盤が完成します。 過去の記事は以下からご覧いただけます。 Next.js App Router の基礎…

#Next.js#Server Actions#フォーム処理#App Router
もふもふ技術部•2年前

TanStack FormでNext.jsのServer Actionsを使ってみた

はじめに 準備 create-next-app tanstack-form インストール フォーム実装 zod のスキーマを定義 FormFactory オブジェクトを作成 Server Action を定義 フォームコンポーネントを作成 ページでフォームコンポーネントを使用する 動作確認 クライアントサイドのバリデーション サーバーサイドのバリデーション TanStack Form を使ってみた感想 最後に はじめに Next.js v14 から Stable になった Server Actions。 それに対応した フォームライブラリとして Tanstack Form を試してみます。 T…

#Next.js#TanStack Form#Server Actions#Zod