This is a Next.js project bootstrapped with create-next-app
.
- Go to the Clerk Dashboard.
- Log in with your credentials.
- Navigate to your instance or project settings.
- Look for the section where API keys or secrets are listed. You should find your Secret Key or API Key there.
- Create the .env.local File: In the root directory of your project, create a file named .env.local
- Add Your Keys: Open the .env.local file and add your Clerk keys like so:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your_clerk_publishable_key_here>
CLERK_SECRET_KEY=<your_clerk_secret_key_here>
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Although the project is not yet available on Docker Hub, you can self-host it by building the Docker image yourself. Follow these steps to get started:
Step 1 : install the docker engine (how to install docker)
Step 2 : clone the repository
Step 3 : build the container
docker build . -t devoolboxweb
Step 4 get api key on Clerk Step 5 : run the docker with needed variables :
docker container run \
--name devoolboxweb \
-p 3000:3000 \
-e NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_key \
-e CLERK_SECRET_KEY=your_secret_key \
devoolboxweb
Note : without the vars NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY
and CLERK_SECRET_KEY
, the container will throw error code 500.