---
title: "JSS Next.jsアプリでのコンポーネント作成"
slug: "creating-components-in-jss-next-js-apps"
abstract: "コンポーネントをコード先に作成するかSitecore先に作成し、コンポーネントレベルでデータを取得します"
---
# JSS Next.jsアプリでのコンポーネント作成

コンポーネントの作成は、JSSアプリケーション開発において不可欠であり、あらゆるSitecoreレンダリングに対応するコンポーネントを持つことが重要です。Next.js JSSアプリケーションで [コンポーネントを作成するためのインフラ](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/components-in-jss-apps.html "Components in JSS apps") は、他のSitecore JavaScript SDKで使われているものと似ています。

Next.jsアプリでコンポーネントを作成する手順は、選択した [開発ワークフロー](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/development-workflows.html "Development workflows") によって異なります。コンポーネントを作成する方法は以下の通りです:

-   [コードファーストのワークフローを使って新しいコンポーネントを作成します](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/create-a-new-component-in-a-jss-next-js-app-using-the-code-first-development-workflow.html "Create a new component in a JSS Next.js app using the code-first development workflow")。
-   [Sitecore firstのワークフローを使って新しいコンポーネントを作成します](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/walkthrough--create-a-new-component-in-a-jss-next-js-app-using-the-sitecore-first-development-workflow.html "Walkthrough: Create a new component in a JSS Next.js app using the Sitecore-first development workflow")。

Next.js JSSコンポーネントでは、[コンポーネントレベルでのデータ取得](https://doc.sitecore.com/xp/ja/developers/hd/19/sitecore-headless-development/component-level-data-fetching-in-jss-next-js-apps.html "Component-level data fetching in JSS Next.js apps")も可能です。