サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
App Router採用プロジェクトのディレクトリ設計を解説。app/client/server/の責務分離、Route Groupsによるレイアウト管理、HonoのNext.js統合、Server Componentを活かす設計パターンを実例とともに紹介します。 この記事では、App Routerのディレクトリ設計について、実際のプロジェクト構成を交えて解説します。 📝 この記事で使う用語 CSR（Client Side Rendering）: ブラウザ側でJavaScriptを実行してHTMLを生成する方式 SSR（Server Side Rendering）: サーバー側でHTMLを生成してからブラウザに送る方式。表示が高速になる Streaming:HTMLを分割して順次送信する方式。ページ全体の読み込みを待たずに表示が始まる 📖 App Routerの基本Next.js
はじめに こんにちは。Restaurant Service Devグループの高岡です。現在ぐるなびウエディングのフロントエンド開発・運用を行っています。 ぐるなびウエディングは結婚式場検索・予約サービスで、検索・会場詳細・特集・ランキングなど多様な機能を持つ大規模なウェブアプリケーションです。 そのぐるなびウエディングはリニューアルプロジェクトが進行しており、今年の7月に二次会検索と会場ページをリリースしました。 今回は大規模なウェブサービスのリニューアルにおいてチーム開発の効率性と保守性を両立するフロントエンドアーキテクチャをどう設計するか、ぐるなびウエディングリニューアルプロジェクトで実践した取り組みについて紹介します。 目次 はじめに 目次 開発体制 採用した技術スタック フレームワーク：Next.js App Router スタイリング：CSS Modules グローバルな状態管理
1リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
