Name		Name	Last commit message	Last commit date
parent directory ..
app		app
cache		cache
.env.local.example		.env.local.example
.eslintrc.json		.eslintrc.json
.gitignore		.gitignore
.npmrc		.npmrc
README.md		README.md
environment.d.ts		environment.d.ts
middleware.ts		middleware.ts
next.config.js		next.config.js
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
tailwind.config.ts		tailwind.config.ts
tsconfig.json		tsconfig.json

README.md

Arcjet Rate Limit / Clerk Authentication Example

This example shows how to use an Arcjet rate limit with a user ID from Clerk authentication and Next.js.

It sets up the /api/arcjet route.

Unauthenticated users receive a low rate limit based on the user IP address.
Users authenticated with Clerk have a higher rate limit based on the Clerk user ID.
A bot detection rule is also added to check all requests.

How to use

From the root of the project, install the SDK dependencies.
```
npm ci
```
Enter this directory and install the example's dependencies.
```
cd examples/nextjs-14-clerk-rl
npm ci
```
Rename .env.local.example to .env.local and add your Arcjet and Clerk keys.
Start the dev server.
```
npm run dev
```
Visit http://localhost:3000.
Try the different routes linked on the page.