The library for web and native user interfaces

YouTube video by Strictly Web Dev

Server Actions are not a standalone feature; they add an update pathway to a server-led UI built with RSC. We clarify their relationship with SSR and Hydration.

A demo e-commerce site built with Next.js 15 latest features

はじめに Next.jsのApp Routerでデータ登録や更新を実装するとき、選択肢が主に2つあります。 Server Actions方式: ReactコンポーネントからServer Functionを呼び出す API方式: route.ts にRoute Han...

はじめに Server Actionsは、「APIを作らずにサーバー関数を呼べる機能」と説明されることがあります。 自分もそのくらいの粒度で使っていました。 この説明でも動くものは作れますが、'use client' をどこに置くか、更新後に画面がなぜ変わるのか、といった...

AWSAmplifyJavaScriptLibraryのvの一般公開を発表できることを嬉しく思いますこのリリースにはコミュニティから要望の多かった改善点や機能が多数含まれていますこのリリースではバンドルサイズが大幅に縮小されTypeScriptのカバレッジと型サポートが強化されセキュアランタイムトークンのサポートが強化されNextjsAppRouterとServerActionsが完全にサポートされます

JSerinfoNextjsがリリースされましたNextjsNextjsReleasevvercelnextjsNodejsのサポート終了nextexportコマンドを非推奨化nextimageのdomainsオプションを非推奨化などの変更が含まれていますまたServerActionsのStable化MetadataAPIの改善が含まれています実験的な機能としてltSuspensegtを使ったPartialPrerenderingのサポートが追加されています今回のリリースに合わせてNextjsのチュートリアルも新しくものが公開されていますNextjsbyVercelTheReactFrameworkNextjsbyVercelTheReactFrameworkHTTPリクエストのモックライブラリであるMSWがリリースされていますIntroducingMSWMockServiceWorkerReleasevmswjsmswNodejsのサポート終了APIのシグネチャーの変更ブラウザ向けのAPIをmswbrowserへ移動などの破壊的な変更が含まれていますAPIの変更範囲は多いですがマイグレーションガイドも合わせて公開されていますxxMockServiceWorkerまたReadableStreamFormDataのモックをサポートなども追加されていますNodejsがリリースされましたNodevCurrentNodejsAmbiguousfileがESMかを判定するexperimentaldetectmoduleフラグの追加されています詳しくは次の記事で解説していますDeepDiveNodejsのESMデフォルト化への道JSerinfoまたvmScriptのバグの修正が修正されていますこの問題はNodejs以降で起きていて主にJestでメモリが確保され続けるためクラッシュする問題が発生してましたBugMemoryconsumptionissuesonNodeJSIssuejestjsjestJSerinfoをサポートするには😘知り合いにJSerinfoをおすすめする💸GitHubSponsorsでazuのスポンサーになる🐦Twitterでjserinfoをフォローする🔁JSerinfoについての最新のTweetをRetweetするヘッドラインNextjsNextjsnextjsorgblognextNextjsReleaseNoteNextjsリリースNodejsのサポート終了nextexportコマンドを非推奨化nextimageのdomainsオプションを非推奨化ServerActionのStable化MetadataAPIの改善実験的な機能としてltSuspensegtを使ったPartialPrerenderingのサポートなどReleasevvercelnextjsAstroPagePartialsAstroastrobuildblogastroastroReleaseNoteAstroリリースpagecomponentをpartialpageとして利用できるpartialオプションをサポート画像最適化のパフォーマンス改善実験的な機能としてDevOverlayを追加などReleaseastrowithastroastroReleaseReleasevaxiosaxiosgithubcomaxiosaxiosreleasestagvHTTPlibraryReleaseNotesecurityaxiosvリリースXXSRFTOKENというCookieが設定されている時にwithCredentialsオプションが有効だと別オリジンに対するリクエストにもXXSRFTOKENの値が送信される脆弱性の修正ReleasevpnpmpnpmgithubcompnpmpnpmreleasestagvpnpmReleaseNotepnpmvリリースsupportedArchitecturesで複数のアーキテクチャを指定できるようにホスト環境とDocker環境に両方のアーキテクチャのバイナリをインストール際などに利用できるIntroducingMSWMockServiceWorkermswjsioblogintroducingmswJavaScripttestinglibraryReleaseNoteMSWリリースNodejsのサポート終了APIのシグネチャーの変更ブラウザ向けのAPIをmswbrowserへ移動ReadableStreamFormDataのモックをサポートなどReleasevmswjsmswxxMockServiceWorkerNodevCurrentNodejsnodejsorgenblogreleasevnodejsReleaseNoteNodejsvリリースAmbiguousfileがESMかを判定するexperimentaldetectmoduleフラグの追加Jestでのメモリリークの原因となっていたvmScriptのバグの修正などDeepDiveNodejsのESMデフォルト化への道JSerinfoBugMemoryconsumptionissuesonNodeJSIssuejestjsjestReleasevalphajestjsjestgithubcomjestjsjestreleasestagvalphajestReleaseNoteJestvalphaリリースmtsctsをデフォルトでサポートfaketimerの改善SnapshotでErrorCauseをサポートPrettierのサポートなどアーティクルJavaScriptビルドツールの整理各ツールの機能と依存関係zenndevnakaakistarticlesbfviteparcelwebpackrspackNextjsbundlerarticleViteParcelwebpackRspackTurbopackNextjsRollupesbuildSWCBunBabelTerserの特徴と依存関係についてDeprecationofformattingrulesESLintPluggableJavaScriptLintereslintorgblogdeprecatingformattingrulesESLintarticleESLintvでスタイル系のルールスペースやセミコロンなどを扱うルールは非推奨となるマイグレーション先としてスタイル系のルールをメンテナンスするESLintStylisticやPrettierなどのツールの利用を推奨しているESLintStylisticESLintStylisticAnnouncingWinterJSwasmeriopostsannouncingwinterjsserviceworkersJavaScriptWebAssemblyServiceWorkerarticleWinterCG仕様に準拠したJavaScriptRuntimeSpiderMonkeyをRuntimeとして使いServiceWorkersAPIを実装しているWasmerのWASIX準拠にしているwasmeriowinterjsWinteriscoming️サードパーティCookieの廃止に向けた準備ChromeforDevelopersdeveloperchromecomjablogcookiecountdownoctChromearticleChromeのrdpartyCookieの廃止と代替Proposalについてスライド動画関係JavaScriptJITcompilerYouTubewwwyoutubecomplaylistlistxdPLMOpZvQBbcTsXzRcBjHJJbOGWwNjrJavaScriptCvideoLadybirdのJavaScriptエンジンであるLibJSにJITを実装していく動画シリーズserenityUserlandLibrariesLibJSatmasterSerenityOSserenityVueFesJapan資料XポストまとめzenndevpunkshiraishiscrapsbfdcbVueConferenceslideVueFesJapanのスライドまとめVueFesJapanソフトウェアツールライブラリ関係joshmarinaccinodepureimagePureJSimplementationoftheHTMLCanvasDdrawingAPIgithubcomjoshmarinaccinodepureimagenodejsJavaScriptlibraryPureJavaScriptなNodejs向けCanvasAPIの実装ライブラリ

動機 ServerActionsでformの実装をするとuseFormStateで実装する記事がほとんどです。 pending状態を取得する場合は、 useFormState と useFormStatus を併用しなければならないため、どうしても処理が煩雑になってしまう…

この記事は？ 著者はエンジニアとしてAWS環境でのNext.jsを用いた新規開発を行ってきました。その中で、ServerActionsは目を引く新技術です。本記事ではServerActionsを現場で使うテクニックを紹介します。SAに関しては既にStableになっているため、現場でも十分に使用することが可能です。…