ガイド

App Router が登場する前、Next.js は Pages Router（pages/ ディレクトリ）をルーティングシステムとして採用していました。シンプルで直感的でしたが、アプリケーションの複雑さが増すにつれて、徐々に限界が明らかになりました：2022年、React 18 がサーバーコンポーネント（Server Components）を導入したことで、Next.js チームはルーティングシステムを再設計する機会を見出しました。こうして、App Router が誕生したのです。これは最も根本的なパラダイムシフトを表します。App Router では：

Ethan Mercer

Cloud FunctionsはEdgeOneの包括的なサーバーレス関数ソリューションであり、開発者にシームレスな動的バックエンド機能を提供するために設計されています。プロジェクトの/node-functions ディレクトリ内にNode関数を作成するだけで、コードは自動的に強力なNode.jsベースのAPIエンドポイントに変換されます。これらのエンドポイントは、データベースクエリ、サードパーティAPIの統合、フォーム送信、データ処理タスクなど、幅広いバックエンド操作を効率的に処理できます—すべてサーバー管理の複雑さを排除しながら。このサーバーレスアプローチにより、Cloud Functionsはスケーラブルでモダンなアプリケーションを構築するための完璧な基盤となります。フロントエンドとバックエンドのコード管理を統一した真のフルスタック開発を体験できます。 フロントエンドの静的アセットとバックエンドの関数ロジックを単一のGitリポジトリ内に配置し、構成、環境変数、デプロイメントパイプラインをシームレスに共有できます。「git push」コマンド一つでアプリケーションスタック全体をデプロイでき、開発ワークフローを大幅に合理化しながら、運用オーバーヘッドとメンテナンスの複雑さを最小限に抑えます。

Ethan Mercer

このガイドは、EdgeOne Pages を基盤として AWS S3 と Next.js で構築されたファイルアップロードシステムを、すぐにご利用いただけるように解説します。EdgeOne Pagesのテンプレートを使用したデプロイは、AWS S3プロジェクトを一から構築し展開する最速の方法です。Pages のテンプレート市場で AWS S3 Batch Uploader テーマテンプレートをすぐに見つけることができます。AWS S3のアカウントにログインし、個人センター-セキュリティ証明メニューからアクセスキーを探します。キーをEnvironment Variablesにコピーします。CreateボタンPagesをクリックすると、テンプレートを個人のリポジトリに複製して構築することができます。構築完了後、倉庫からコードを複製して開発することができます。

Ethan Mercer

EdgeOne PagesのデプロイメントがNext.jsフルスタックをサポートしていることをご存知ですか。現在、以下のNext.js機能がサポートされています：EdgeOne PagesでNext.jsフルスタックプロジェクトをデプロイするために、私たちは3つのデプロイメントオプションを提供しています。EdgeOne Pagesテンプレートからのデプロイは、ゼロからNext.jsプロジェクトを構築してデプロイする最も速い方法です。

Ethan Mercer

このガイドでは、高性能なNext.jsフルスタックアプリケーションの構築と、コード品質やアプリケーション速度を犠牲にすることなく開発ワークフローの最適化に焦点を当てています。今後のセクションでは、プロジェクトアーキテクチャ、環境設定、ルーティング戦略、効率的なデータ取得技術について詳しく検討します。これらのストプラクティスにより、EdgeOne PagesでシームレスにNext.jsフルスタックアプリケーションをデプロイでき、エッジコンピューティングの力を活用して優れたパフォーマンスと世界規模のアクセシ。以下のディレクトリ構造は、推奨するNext.jsハイブリッドレンダリングテンプレートを表しています。この慎重に整理されたアーキテクチャは、スケーラブルなフルスタックアプリケーションを構築する開発者にとって最適な基盤として機能します：

Ethan Mercer

EdgeOne Pagesの高度な機能の1つは、リバースプロキシとして機能する能力であり、クライアントのリクエストをバックエンドサーバーに安全かつ効率的に転送することができます。この記事では、edgeone.json設定ファイルを使用してEdgeOne Pagesをリバースプロキシとして設定するプロセスをガイドします。EdgeOne Pagesはェクトのビルドとデプロイメントの動作（ビルドコマンドなど）をカスタマイズし、ルーティング戦略（リダイレクト、リライト、HTTPレスポンスヘッダーを含む）を管理するための「edgeone.json」設定ファイルを提供しています。リライトを使用すると、ブラウザに表示されるURLを変更せずに、ユーザーのリクエストを透過的に異なるURLにルーティングすることができます。リライトを使用すると、リクエストがバックエンドサーバーに到達する前に、URLパス、クエリパラメータ、およびリクエストヘッダーを変更することができます。

Ethan Mercer