---
title: "Creating components in JSS Next.js apps"
slug: "creating-components-in-jss-next-js-apps"
abstract: "Create components code-first or Sitecore-first and fetch data at the component level"
---
# Creating components in JSS Next.js apps

Creating components is essential for developing any JSS application and it is important to have matching components for any Sitecore rendering. The [infrastructure for creating components](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/components-in-jss-apps.html "Components in JSS apps") in a Next.js JSS application is similar to that used in other Sitecore JavaScript SDKs.

The steps for creating components in Next.js apps differ based on the [development workflow](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/development-workflows.html "Development workflows") you choose. You can create components as follows:

- [Create a new component using the code-first workflow](https://doc.sitecore.com/xp/en/developers/hd/23/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").
- [Create a new component using the Sitecore-first workflow](https://doc.sitecore.com/xp/en/developers/hd/23/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").

In Next.js JSS components, you can also [fetch data at the component level](https://doc.sitecore.com/xp/en/developers/hd/23/sitecore-headless-development/component-level-data-fetching-in-jss-next-js-apps.html "Component-level data fetching in JSS Next.js apps").