Next.js Foundationsコースへようこそ！この無料のインタラクティブなコースでは、フルスタックのウェブアプリケーションを構築することでNext.jsの主な機能を学びます。

構築するもの

このコースでは、以下の機能を持つ財務ダッシュボードを構築します

• 公開ホームページ。
• ログインページ。
• 認証によって保護されたダッシュボードページ。
• ユーザーが請求書を追加、編集、削除する機能。

ダッシュボードには付属のデータベースも含まれており、これは後の章で設定します。

コースの終わりには、フルスタックのNext.jsアプリケーションを構築するために必要な不可欠なスキルを習得できます。

概要

このコースで学習する機能の概要を以下に示します

• スタイリング: Next.jsでアプリケーションをスタイリングするさまざまな方法。
• 最適化: 画像、リンク、フォントを最適化する方法。
• ルーティング: ファイルシステムルーティングを使用して、ネストされたレイアウトとページを作成する方法。
• データフェッチ: VercelでPostgresデータベースを設定する方法、およびフェッチとストリーミングのベストプラクティス。
• 検索とページネーション: URL検索パラメーターを使用して検索とページネーションを実装する方法。
• データの変更: React Server Actionsを使用してデータを変更し、Next.jsキャッシュを再検証する方法。
• エラー処理: 一般的なエラーと404未検出エラーを処理する方法。
• フォーム検証とアクセシビリティ: サーバーサイドのフォーム検証を行う方法と、アクセシビリティを向上させるヒント。
• 認証: NextAuth.jsとミドルウェアを使用してアプリケーションに認証を追加する方法。
• メタデータ: メタデータを追加し、ソーシャル共有のためにアプリケーションを準備する方法。

前提知識

このコースでは、ReactとJavaScriptの基本的な理解があることを前提としています。Reactが初めての場合は、コンポーネント、props、state、hooksなどのReactの基礎、およびServer ComponentsやSuspenseのような新しい機能を学ぶために、まずReact Foundationsコースを受講することをお勧めします。

システム要件

このコースを開始する前に、システムが以下の要件を満たしていることを確認してください

• Node.js 18.18.0以降がインストールされていること。ここからダウンロード。
• オペレーティングシステム: macOS、Windows（WSLを含む）、またはLinux。

加えて、GitHubアカウントとVercelアカウントも必要です。

会話に参加

このコースに関する質問がある場合やフィードバックを提供したい場合は、RedditまたはGitHubでコミュニティに質問できます。