Clerk authentication example with Jazz and Vue
This is an example of how to use clerk authentication with Jazz in a Vue.js application.
Getting started
You can either
- Clone the jazz repository, and run the app within the monorepo.
- Or create a new Jazz project using this example as a template.
Using the example as a template
Create a new Jazz project, and use this example as a template.
npx create-jazz-app@latest clerk-vue-app --example community-clerk-vue
Go to the new project directory.
cd clerk-vue-app
Rename .env.example to .env
mv .env.example .env
Update VITE_CLERK_PUBLISHABLE_KEY with your Publishable Key from Clerk.
Run the dev server.
npm run dev
Using the monorepo
This requires pnpm to be installed, see https://pnpm.io/installation.
Clone the jazz repository.
git clone https://github.com/garden-co/jazz.git
Install and build dependencies.
pnpm i && npx turbo build
Go to the example directory.
cd jazz/examples/community-clerk-vue/
Rename .env.example to .env
mv .env.example .env
Update VITE_CLERK_PUBLISHABLE_KEY with your Publishable Key from Clerk.
Start the dev server.
pnpm dev
Open http://localhost:5173 with your browser to see the result.
Questions / problems / feedback
If you have feedback, let us know on Discord or open an issue or PR to fix something that seems wrong.