ウォークスルー CLIでJSS Next.jsアプリケーションを作成する方法
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
フロントエンドやJavaScript開発者なら、JSS CLIコマンドjss createでJSS Next.jsアプリを素早くスキャフォールドできます。
その結果生まれたプロジェクトは 、まずコードファーストの開発に最適化されています。Sitecoreインスタンスを持っていない、またはそれに対して開発する予定がない場合は、Sitecoreから切り離して作業することができます。
JSSのコマンドラインツール(CLI)を使ってJSS Next.jsアプリケーションを作成できます。
!注この方法を使う場合は、Sitecoreインスタンスに接続するために追加の手順を踏む必要があります。
新しいJSSアプリケーションがライセンスされたSitecore XPバージョンと互換性があるかを確認するには、Sitecore互換性テーブルを参照してください。
このアプローチは、コードファーストの開発ワークフローを使用するSitecore開発者や、SitecoreをインストールしずにJSS開発者体験を評価したい開発者に推奨します。
JSS CLIを使ってJSSアプリケーションを作成する前に、まずJSS CLIをグローバルにインストールする必要があります。
このウォークスルーでは、以下の方法を説明します:
- JSS Next.jsアプリケーションを作成しましょう。
- JSS Next.jsアプリケーションを実行してください。
- アプリ作成後のステップ。
JSS Next.jsアプリケーションを作成しましょう
Next.jsテンプレートに基づくJSSアプリケーションを作成するには:
-
ターミナルで、ディレクトリ名とnextjsテンプレートを入力して以下のコマンドを実行します。
jss create my-first-jss-app nextjs --fetchWith {REST|GraphQL} --prerender {SSG|SSR}
このコマンドはJSSの最新バージョンのJSS Next.jsアプリケーションを作成し、必要なパッケージをインストールします。
!ヒント以前のバージョンのJSSを使ってアプリケーションを作成するには、JSS CLIリファレンスの例を参照してくださいjss create
JSS Next.jsアプリケーションを実行してください
アプリケーションを実行するには:
-
ターミナルでアプリケーションディレクトリに移動します。例えば:
cd my-first-jss-app
-
ターミナルで次のコマンドを実行します:
jss start
これで 切断モードでの開発を始められます。
アプリをSitecoreと統合する
コードファーストのアーティファクトやコンテンツをSitecoreにデプロイしたり、WYSIWYG編集をしたり、本番環境でJSSを使用したりするなどの活動には、Sitecoreインスタンスが必要です。
まずコードファーストの成果物やコンテンツをSitecoreに展開するには、JSSアプリをSitecoreに接続 し、高度なSitecoreエディタに接続してください。
もしよければ、コード優先からSitecore優先の開発ワークフローに切り替えることもできます。