コンテンツにスキップ
ブログに戻る

2019年10月9日(水)

Create Next App のご紹介

投稿者

本日、新しい Create Next App をご紹介できることを大変嬉しく思います。

Create Next App は、Next.js を活用したモダンな React アプリケーションを 1 つのコマンドでセットアップします。

開始するには、次のコマンドを実行するだけです。

ターミナル
npx create-next-app

Create Next App は、最高の開発者体験を提供するためにゼロから再構築されました。

  • インタラクティブな体験: npx create-next-app を引数なしで実行すると、プロジェクトのセットアップをガイドするインタラクティブな体験が起動します。
  • 依存関係ゼロ: プロジェクトの初期化はわずか1秒です。Create Next App は依存関係がなく、インストールサイズはわずか604kBです。最適化前は、以前のバージョンは5.38MBでした。これは4.7MB以上の削減です!
  • オフラインサポート: Create Next App は、オフラインかどうかを自動的に検出し、ローカルパッケージキャッシュを使用してプロジェクトをブートストラップします。
  • 新しいデフォルトプロジェクトテンプレート: Create Next App は、モダンな Next.js アプリケーション向けに設計された新しいプロジェクトテンプレートを使用します。Create Next App は現在 Next.js 自体と一緒にメンテナンスされているため、このテンプレートは常に最新の Next.js バージョンに対応しています!
  • サンプルサポート: Create Next App は、Next.js のサンプルコレクション からのサンプルを使用してアプリケーションをブートストラップできます(例: npx create-next-app --example api-routes)。
  • テスト済み: このパッケージは Next.js モノレポの一部であり、Next.js 自体と同じ統合テストスイートを使用してテストされているため、リリースごとに期待どおりに動作することが保証されます。

Create Next App は以前はコミュニティでメンテナンスされているプロジェクトでしたが、Next.js の最初の印象をキュレーションすることが重要だと感じていました。特に、Next.js のサンプルコレクションで推奨していることもあり、なおさらです。

パッケージの所有権を移管するためにSegment と協力し、特にFouad Matinによる以前の管理には大変感謝しています。