app-playground - 次へ.jsアプリディレクトリプレイグラウンド

(https://app-dir.vercel.app/)

Created at: 2022-07-09 01:09:11
Language: TypeScript

次へ.jsアプリディレクトリプレイグラウンド

次に.js紹介しましたディレクトリ(ベータ版)。これは、コミュニティのフィードバックのために以前に公開されたレイアウトRFCの結果です。これには、次のサポートが含まれます。

app/

  • レイアウト:状態を維持し、再レンダリングを回避しながらUIを簡単に共有できます。
  • サーバーコンポーネント:サーバーファーストを最も動的なアプリケーションのデフォルトにする。
  • ストリーミング:インスタントロード状態を表示し、更新をストリーミングします。
  • データフェッチのサスペンス:/ supportとコンポーネントレベルのフェッチのフック。
    async
    await
    use

ディレクトリは、既存のディレクトリと共存して、段階的に採用できます。Next.js 13 にアップグレードするときにapp/ディレクトリを使用する必要はありませんが、出荷するJavaScriptを減らしながら、複雑なインターフェイスを構築するための基盤を構築しています。

app/
pages

ローカルでの実行

  1. 依存関係をインストールします。
    yarn
  2. 開発サーバーを起動します。
    yarn dev

ドキュメンテーション

https://beta.nextjs.org/docs

フィードバックを残す

https://github.com/vercel/next.js/discussions/41745