JSConf JP

Hajime Mugishima

Hajime Mugishima(he)

サイボウズ フロントエンドエキスパートチーム所属。プロダクト横断でフロントエンドの脱レガシーや技術啓発をしながら、探求活動の外部発信などを行っています。

Track B
14:40-15:10(30 min)

Next.js App Router でのMPAフロントエンド刷新

  • Japanese

現在フロントエンド領域では React Server Components とそれを利用する Next.js App Router が登場し、根底となるアプリケーション設計にも大きく影響を与えています。技術選定やマイグレーションの面でも悩みの多い過渡期を迎えていると思います。

そんな中、サイボウズで提供するプロダクト「サイボウズOffice」では、Next.js App Router を採用したフロントエンドの基盤刷新に取り組んでおり、すでに数画面のリリースを完了しています。

Next.js App Routerによって大きく変わったキャッシュ・テスト・エラーハンドリング・Server Actionsなどについて実際に現場で採用して得られた知見や課題に加え、認証を伴うMPAからの刷新の視点でNext.js App Routerがどのように扱えるかなどをご紹介します。