---
title: "アプリケーションテンプレートとサンプル"
slug: "application-templates-and-samples"
abstract: "アプリケーションテンプレートを用いた新しいJSSプロジェクトをスキャフォールド"
---
# アプリケーションテンプレートとサンプル

Sitecoreデータを使用するヘッドレスアプリケーションの開発を迅速に始める方法として、[Sitecore JavaScriptレンダリングSDK(JSS)イイニショライザー](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/the-jss-app-initializer.html "The JSS app initializer") は、公式にサポートされているJavaScriptフレームワークのテンプレートを使ってアプリケーションをスキャフォールドします。

JSSの初期化装置を使えば、以下のJavaScriptフレームワークのJSSアプリケーションサンプルをスキャフォールドできます。

-   [Next.js](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/getting-started-with-jss-for-next-js-development.html "Getting started with JSS for Next.js development")。
-   [React](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/overview-of-the-jss-react-sample-application.html "Overview of the JSS React sample application")。
-   [角ばった](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/overview-of-the-angular-jss-sample-application.html "Overview of the Angular JSS sample application")。
-   [Vue.js](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/overview-of-the-vue-js-jss-sample-application.html "Overview of the Vue.js JSS sample application")。
-   [React Native](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/overview-of-the-react-native-jss-sample-application.html "Overview of the React Native JSS sample application")。

nextjs-styleguideアドオンなどのアドオンを活用すれば、サンプルアプリケーションを豊かにすることができます。

また、サーバーサイドでヘッドレスにレンダリングReact、Angular、Vue.js JSSアプリケーションのスキャフォールドも可能です:

-   [Node.jsプロキシを使って](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/walkthrough--rendering-a-jss-app-server-side-using-the-headless-jss-proxy.html "Walkthrough: Rendering a JSS app server-side using the headless JSS proxy")います。
-   [Sitecore Experience Edge for XMを使って](https://doc.sitecore.com/xp/ja/developers/hd/21/sitecore-headless-development/server-side-render-jss-apps-headlessly-using-a-sitecore-experience-edge-endpoint.html "Server-side render JSS apps headlessly using a Sitecore Experience Edge endpoint")。

JSSリポジトリで [利用可能なアプリテンプレートおよびアドオンの完全なリスト](https://github.com/Sitecore/jss/tree/master/packages/create-sitecore-jss/src/templates/) をご覧ください。