Create a Next.js app
2 min

Let’s walk through setting up a Next.js application. Next.js is a React framework that simplifies creating web applications with features like server-side rendering (SSR) and static site generation (SSG).

Open a terminal, navigate to the directory where you'd like to create your project, and run the following command to set up a Next.js project:

Running the below command will generate a new folder named Teamspace, containing a ready-to-use Next.js project set up with TypeScript. The project includes a development server that automatically reloads the app whenever changes are made.

npm create next-app@latest teamspace -- --yes

yarn create next-app@latest teamspace -- --yes

pnpm create next-app@latest teamspace -- --yes

Once the application is created, navigate to the app folder. Then run the sample in the development mode. This allows you to see real-time updates and debug the app as you make changes.

cd teamspace
npm run dev

cd Teamspace
yarn dev

cd Teamspace
pnpm dev

This will start the Next.js development server, typically at http://localhost:3000, and you should see the default Next.js starter page. Confirm that everything is set up correctly by checking for the terminal output indicating that the server is running.

Navigate to localhost

At this point, you have a simple Next.js app. Now, it's time to integrate Asgardeo within the application.