---
title: "Next.jsアプリケーション用のアドオン"
slug: "add-ons-for-next-js-applications"
abstract: "アドオンは、アドオンを使ったNext.js JSSアプリの追加機能例を提供します。"
---
# Next.jsアプリケーション用のアドオン

JSSの初期化スクリプトでNext.jsプロジェクトを作成すると、アプリケーション内に複数のアドオンを含めることができます。アドオンには追加機能のための実装例が含まれています。

Next.jsで利用可能なアドオンは以下の通りです:

名称

テンプレート名

概要

スタイルガイドトラッキング

nextjs-styleguide-tracking

Sitecore Experience Platformインスタンスに対して動作するアプリケーションのトラッキング例を含むコンポーネントが含まれています。  
  
nextjs-styleguideアドオンが必要です。  
  
*Not compatible*nextjs-personalizeアドオンやSitecore Experience Manager(XM)クラウドコンテンツ管理インスタンスで利用可能です。

スタイルガイド

nextjs-styleguide

切断[された状態で動作](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/working-disconnected-in-jss.html)する例のコンポーネントとセットアップが含まれています。*nextjs-sxaアドオンとは互換性がありません。*

SXA

nextjs-sxa

ヘッドレスSXAプロジェクトの例となるコンポーネントとセットアップを含みます。

[マルチサイト](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/the-next-js-multisite-add-on.html)

nextjs-multisite

単一のNext.jsアプリケーションから複数のサイトをホスティングするためのセットアップ例が含まれています。

テンプレート名はpositional argumentsや \--templatesフラグを使って提供します。例えば:

npx create-sitecore-jss <base-template-name>,<first-add-on-template-name>,<second-add-on-template-name>

または:

npx create-sitecore-jss --templates <base-template-name>,<first-add-on-template-name>,<second-add-on-template-name>