Build a Next.js Application with TypeScript

This is the companion code for this blog post.

Getting Started

Clone the repository:

git clone https://github.com/oktadev/okta-nextjs-typescript-example.git
cd okta-nextjs-typescript-example

Get all the dependencies:

npm install

Install the Okta CLI and run okta apps create. Use Next.js for the app name, choose Web, and press Enter.

Use http://localhost:3000/api/auth/callback/okta for the Redirect URI and accept the default Logout Redirect URI of http://localhost:3000.

Your issuer, client ID, and client secret will be stored in an .okta.env file in your current directory.

Create a .env.local in the root directory and copy the values from .okta.env into it.

OKTA_CLIENTID={yourClientId}
OKTA_CLIENTSECRET={yourClientSecret}
OKTA_DOMAIN={yourOktaIssuer}
NEXTAUTH_URL=http://localhost:3000

NOTE: The {yourOktaIssuer} value should not have an https:// prefix. For example, dev-133337.okta.com/oauth2/default.

Run the application:

npm run dev

Getting Help

You can post questions about this blog post in the comments.

If you have more generic questions about Okta, you can post them in the DevForum

License

Apache 2.0