攻略 Next.jsアプリケーションを作成する方法
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
フロントエンドやJavaScript開発者なら、JSSアプリの初期化器を使ってJSS Next.jsアプリを素早くスキャフォールドできます。
!注この方法を使う場合は、Sitecoreインスタンスに接続するために追加の手順を踏む必要があります。
新しいJSSアプリケーションがライセンスされたSitecore XPバージョンと互換性があるかを確認するには、Sitecore互換性テーブルを参照してください。
このアプローチは、コード優先の開発ワークフローを使用するSitecore開発者や、SitecoreをインストールしずにJSS開発者体験を評価したい開発者に推奨します。
このウォークスルーでは、以下の方法を説明します:
- JSS Next.jsアプリケーションを作成しましょう
- アプリをSitecoreと統合する
- JSS Next.jsアプリケーションを実行してください
JSS Next.jsアプリケーションを作成しましょう
Next.jsテンプレートに基づくJSSアプリケーションを作成するには:
-
ターミナルで、ディレクトリ名とnextjsテンプレートを入力して以下のコマンドを実行します。
npx create-sitecore-jss@ver
nextjs を使いたいバージョンに置き換えてください。例えば、21. !注コードファーストワークフローに最適化されたアプリケーションを作成するには、プロンプトが出たらnextjs-styleguideアドオンを追加することを選びます。アドオンを使用すると、プロセスはjss startまたはnpm run startコマンドでアプリケーションを切断モードで実行するためのdataおよびsitecore/definitionsフォルダを作成します。
切断された状態で動作するアプリケーションを作成するには、プロンプトが出たらデータ取得方法としてRESTを選択してください。それ以外の場合は、アプリケーションを初期化した後、Sitecoreから切断された動作中にRESTサービスを使用するようアプリケーションを修正してください。
-
申請書の選択肢を示すために、指示に従ってください。
このコマンドはJSSの最新バージョンのJSS Next.jsアプリケーションを作成し、必要なパッケージをインストールします。
!ヒントJSSやSitecoreの旧バージョンのアプリケーションを作成することも可能です。
アプリをSitecoreと統合する
コードファーストの成果物やコンテンツのSitecoreへのデプロイ、WYSIWYG編集、GraphQLでのデータ取得、本番環境でのJSS使用などの作業にはSitecoreインスタンスが必要です。
まずコードファーストの成果物やコンテンツをSitecoreに展開するには、JSSアプリをSitecoreに接続 し、高度なSitecoreエディタに接続してください。
もしよければ、コード優先からSitecore優先の開発ワークフローに切り替えることもできます。
JSS Next.jsアプリケーションを実行してください
アプリケーションを実行するには:
-
ターミナルでアプリケーションディレクトリに移動します。例えば:
cd my-first-jss-app
-
ターミナルで次のコマンドを実行します:
jss start
あるいは、もしあなたのアプリがSitecoreに接続されている場合:
jss start