https://github.com/wobsoriano/nuxt-clerk-template
Auth starts here with the Nuxt and Clerk Demo
https://github.com/wobsoriano/nuxt-clerk-template
Last synced: 6 months ago
JSON representation
Auth starts here with the Nuxt and Clerk Demo
- Host: GitHub
- URL: https://github.com/wobsoriano/nuxt-clerk-template
- Owner: wobsoriano
- Created: 2023-06-25T23:12:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-19T19:31:47.000Z (7 months ago)
- Last Synced: 2025-03-27T17:47:42.902Z (6 months ago)
- Language: Vue
- Homepage: https://nuxt-clerk-template.nuxt.dev
- Size: 4.27 MB
- Stars: 100
- Watchers: 2
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Clerk and Nuxt template
This template shows how to use [Clerk](https://www.clerk.com) in a Nuxt application. It is a direct port of the [Next.js starter template](https://github.com/clerk/clerk-nextjs-demo-app-router).
Clerk is a developer-first authentication and user management solution. This starter uses [Vue Clerk](https://vue-clerk.com), which provides pre-built Vue components and composables for login, signup, user profile, and organization management. [Vue Clerk](https://vue-clerk.com) is designed to be easy to use and customize, and can be dropped into any Vue or Nuxt application.
This template allows you to get started with Clerk and Nuxt in a matter of minutes and includes:
- Fully functional auth flow with login, signup, and a protected page
- Customized Clerk components with Tailwind CSS
- Composables for accessing user data and authentication state
- Organizations for multi-tenant applications
## Demo
A hosted demo of this example is available at [nuxt-clerk-template.vercel.app](https://nuxt-clerk-template.vercel.app/)
## Running the template
```bash
git clone https://github.com/wobsoriano/nuxt-clerk-template
```
To run the example locally you need to:
1. Sign up for a Clerk account at [https://clerk.com](https://dashboard.clerk.com/sign-up).
2. Go to [Clerk's dashboard](https://dashboard.clerk.com) and create an application.
3. Set the required Clerk environment variables as shown in [the example env file](./.env.example).
4. `npm install` the required dependencies.
5. `npm run dev` to launch the development server.
## Learn more
To learn more about Clerk and Nuxt, check out the following resources:
- [Clerk Documentation](https://clerk.com/docs)
- [Vue Clerk](https://vue-clerk.com)
- [Nuxt Documentation](https://nuxt.com/docs)