{"id":26681712,"url":"https://github.com/royanger/clerk-custom-user-menu","last_synced_at":"2025-03-26T07:17:18.936Z","repository":{"id":211802751,"uuid":"729977331","full_name":"royanger/clerk-custom-user-menu","owner":"royanger","description":null,"archived":false,"fork":false,"pushed_at":"2024-01-29T23:24:19.000Z","size":396,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-04-20T13:01:07.762Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/royanger.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2023-12-10T23:09:46.000Z","updated_at":"2024-03-08T14:11:12.000Z","dependencies_parsed_at":"2024-01-29T21:07:52.111Z","dependency_job_id":null,"html_url":"https://github.com/royanger/clerk-custom-user-menu","commit_stats":null,"previous_names":["royanger/clerk-custom-user-menu"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/royanger%2Fclerk-custom-user-menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/royanger%2Fclerk-custom-user-menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/royanger%2Fclerk-custom-user-menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/royanger%2Fclerk-custom-user-menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/royanger","download_url":"https://codeload.github.com/royanger/clerk-custom-user-menu/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245605667,"owners_count":20643030,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-26T07:17:18.086Z","updated_at":"2025-03-26T07:17:18.916Z","avatar_url":"https://github.com/royanger.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://clerk.com?utm_source=github\u0026utm_medium=clerk_docs\" target=\"_blank\" rel=\"noopener noreferrer\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"./public/light-logo.png\"\u003e\n      \u003cimg alt=\"Clerk Logo for light background\" src=\"./public/dark-logo.png\" height=\"64\"\u003e\n    \u003c/picture\u003e\n  \u003c/a\u003e\n  \u003cbr /\u003e\n\u003c/p\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003e\n    Custom User Button with Clerk\n  \u003c/h1\u003e  \n  \u003ca href=\"https://www.npmjs.com/package/@clerk/clerk-js\"\u003e\n    \u003cimg alt=\"Downloads\" src=\"https://img.shields.io/npm/dm/@clerk/clerk-js\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://discord.com/invite/b5rXHjAg7A\"\u003e\n    \u003cimg alt=\"Discord\" src=\"https://img.shields.io/discord/856971667393609759?color=7389D8\u0026label\u0026logo=discord\u0026logoColor=ffffff\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://twitter.com/clerkdev\"\u003e\n    \u003cimg alt=\"Twitter\" src=\"https://img.shields.io/twitter/url.svg?label=%40clerkdev\u0026style=social\u0026url=https%3A%2F%2Ftwitter.com%2Fclerkdev\" /\u003e\n  \u003c/a\u003e \n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003cimg alt=\"Clerk Hero Image\" src=\"./public/hero.png\"\u003e\n\u003c/div\u003e\n\n## Introduction\n\nClerk is a developer-first authentication and user management solution. It provides pre-built React components and hooks for sign-in, sign-up, user profile, and organization management. Clerk is designed to be easy to use and customize, and can be dropped into any React or Next.js application.\n\nThis sample repo has branches that match each of the posts. Please see [Running the sample application](#running-the-sample-application) for more information.\n\n## This repository is not actively maintained!\n\nThis repo and the example application may get updated for bug fixes, but it is likely to remain unmaintained. The following versions of key packages were used when developing the blog posts and the repo:\n\n| Version | Package                       |\n| ------- | ----------------------------- |\n| 4.29.5  | @clerk/nextjs                 |\n| 2.0.6   | @radix-ui/react-dropdown-menu |\n| 0.7.0   | class-variance-authority      |\n| 2.1.1   | @heroicons/react              |\n\n## Deploy\n\nEasily deploy the example application to Vercel with the button below. You will need to set the required environment variables in the Vercel dashboard.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Froyanger%2Fclerk-custom-user-menu\u0026env=NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY,CLERK_SECRET_KEY\u0026envDescription=Clerk%20API%20keys\u0026envLink=https%3A%2F%2Fclerk.com%2Fdocs%2Fquickstart%2Fnextjs\u0026redirect-url=https%3A%2F%2Fclerk.com%2Fdocs%2Fquickstart%2Fnextjs)\n\n## Running the sample application\n\nThis application has branches that match the parts of the blog post. You will want to checkout the branch that matches the post you are currently reading. If you are new to working with remote branches, the following will give you access to all branches:\n\n```bash\ngit clone git@github.com:royanger/clerk-custom-user-menu.git\ncd clerk-custom-user-menu\ngit fetch --all\n```\n\nYou can now use the following to checkout the branch related to the post you are following:\n\n```bash\n// Part 1\ngit checkout custom-user-button-part-1\n\n// Part 2\ngit checkout custom-user-button-part-2\n\n```\n\nTo run the example locally, you need to:\n\n1. Sign up for a Clerk account at [https://clerk.com](https://dashboard.clerk.com).\n\n2. Go to the [Clerk dashboard](https://dashboard.clerk.com) and create an application.\n\n3. Set the required Clerk environment variables as shown in [the example `env` file](./.env.local.example).\n\n4. `pnpm install` the required dependencies.\n\n5. `pnpm dev` to launch the development server.\n\n## Learn more\n\nTo learn more about Clerk and Next.js, check out the following resources:\n\n- [Quickstart: Get started with Next.js and Clerk](https://clerk.com/docs/quickstarts/nextjs)\n\n- [Clerk Documentation](https://clerk.com/docs)\n\n- [Next.js Documentation](https://nextjs.org/docs)\n\n## Found an issue?\n\nIf you have found an issue with the examples, please create an [issue](https://github.com/royanger/clerk-custom-user-menu/issues).\n\nIf it's a quick fix, such as a misspelled word or a broken link, feel free to skip creating an issue.  \nGo ahead and create a [pull request](https://github.com/royanger/clerk-custom-user-menu/pulls) with the solution. :rocket:\n\n## Want to leave feedback?\n\nFeel free to create an [issue](https://github.com/royanger/clerk-custom-user-menu/issues) with the **feedback** label. I will take a look at it and get back to you as soon as I can!\n\n## Connect with us\n\nYou can discuss ideas, ask questions, and meet others from the community in our [Discord](https://discord.com/invite/b5rXHjAg7A).\n\nIf you prefer, you can also find support through our [Twitter](https://twitter.com/ClerkDev), or you can [email](mailto:support@clerk.dev) us!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froyanger%2Fclerk-custom-user-menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Froyanger%2Fclerk-custom-user-menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Froyanger%2Fclerk-custom-user-menu/lists"}