4fbf3d374c
Updates to using latest supertokens' SDK versions. Co-authored-by: Sam Ko <sam@vercel.com> |
||
---|---|---|
.. | ||
app | ||
assets | ||
public | ||
.gitignore | ||
middleware.ts | ||
next.config.js | ||
package.json | ||
README.md | ||
tsconfig.json |
SuperTokens App with Next.js app directory
This is a simple application that is protected by SuperTokens. This app uses the Next.js app directory.
How to use
Using create-next-app
- Execute
create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example with-supertokens with-supertokens-app
yarn create next-app --example with-supertokens with-supertokens-app
pnpm create next-app --example with-supertokens with-supertokens-app
-
Run
yarn install
-
Run
npm run dev
to start the application onhttp://localhost:3000
.
Using create-supertokens-app
- Run the following command
npx create-supertokens-app@latest --frontend=next
- Select the option to use the app directory
Follow the instructions after create-supertokens-app
has finished
Notes
- To know more about how this app works and to learn how to customise it based on your use cases refer to the SuperTokens Documentation
- We have provided development OAuth keys for the various built-in third party providers in the
/app/config/backend.ts
file. Feel free to use them for development purposes, but please create your own keys for production use.