---
title: "Next.js開発のためのJSSの使い始め"
slug: "getting-started-with-jss-for-next-js-development"
abstract: "Next.jsアプリ向けのJSS開発の進路は、あなたの役割、ワークフロー、OSに基づいて選びましょう。"
---
# Next.js開発のためのJSSの使い始め

Sitecoreは、あなたの役割、ワークフロー、オペレーティングシステムに基づいてNext.js JSSアプリを開発するための2つの開発環境を設定するための道筋を提供しています。

## フルスタックでSitecoreファーストの開発

[SitecoreとJSS for Next.jsを備えたフルスタック開発](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--setting-up-a-development-environment-with-the-sitecore-containers-template-for-next-js.html "Walkthrough: Setting up a development environment with the Sitecore Containers template for Next.js")のソリューションを作成するために、[SitecoreはSitecoreファーストの開発ワークフロー](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-first-development-workflow.html "Sitecore-first development workflow")に最適化されたコンテナベースのテンプレートを提供しています。

> !注このパスにはWindowsオペレーティングシステムを搭載したマシンが必要です。

## フロントエンド開発

Windowsマシンを持っていなければ、フロントエンドやJavaScript開発の役割に専念している場合でも、Node.jsがサポートするどのOSでも[JSS CLI](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/sitecore-javascript-rendering-sdk-cli-tools.html "Sitecore JavaScript Rendering SDK CLI Tools")を使って[JSSのフロントエンド開発を始め](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--creating-a-jss-next-js-application-with-the-jss-cli.html "Walkthrough: Creating a JSS Next.js application with the JSS CLI")ることができます。

> !注このルートでは、[コードファーストの開発ワークフロー](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/code-first-development-workflow.html "Code-first development workflow")でNext.jsをベースにしたJSSアプリケーションのみが得られます。 [JSS Next.jsアプリをSitecoreインスタンスに接続するには追加の手順](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--connecting-a-code-first-jss-next-js-application-to-sitecore.html "Walkthrough: Connecting a code-first JSS Next.js application to Sitecore")が必要です。