{"id":26462921,"url":"https://github.com/clerk/clerk-nextjs-onboarding-sample-app","last_synced_at":"2026-03-16T04:31:10.491Z","repository":{"id":220074648,"uuid":"742607261","full_name":"clerk/clerk-nextjs-onboarding-sample-app","owner":"clerk","description":null,"archived":false,"fork":false,"pushed_at":"2024-07-25T21:11:30.000Z","size":852,"stargazers_count":21,"open_issues_count":0,"forks_count":2,"subscribers_count":4,"default_branch":"main","last_synced_at":"2024-07-26T02:16:45.717Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://sample-onboarding-app.clerkpreview.com/","language":"TypeScript","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/clerk.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,"publiccode":null,"codemeta":null}},"created_at":"2024-01-12T21:21:10.000Z","updated_at":"2024-07-25T23:04:58.000Z","dependencies_parsed_at":null,"dependency_job_id":"4e54c36e-c770-45ea-9d35-65cace0f282f","html_url":"https://github.com/clerk/clerk-nextjs-onboarding-sample-app","commit_stats":null,"previous_names":["clerk/clerk-nextjs-onboarding-sample-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clerk%2Fclerk-nextjs-onboarding-sample-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clerk%2Fclerk-nextjs-onboarding-sample-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clerk%2Fclerk-nextjs-onboarding-sample-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/clerk%2Fclerk-nextjs-onboarding-sample-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/clerk","download_url":"https://codeload.github.com/clerk/clerk-nextjs-onboarding-sample-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244367551,"owners_count":20441908,"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-19T06:26:11.956Z","updated_at":"2026-03-16T04:31:05.467Z","avatar_url":"https://github.com/clerk.png","language":"TypeScript","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/clerk-logo-white.png\"\u003e\n      \u003cimg src=\"./public/clerk-logo-black.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   Onboarding using Clerk (Sample App)\n  \u003c/h1\u003e\n  \u003ca href=\"https://www.npmjs.com/package/@clerk/clerk-js\"\u003e\n    \u003cimg alt=\"\" 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/og.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\nThe user onboarding flow plays a crucial role in your application development journey, and Clerk significantly simplifies this process with built-in tooling like [customizable session data](https://clerk.com/docs/users/metadata#public-metadata), [middleware](https://clerk.com/docs/references/nextjs/auth-middleware#auth-middleware) in the [Next.js SDK](https://clerk.com/docs/references/nextjs/overview).\n\nThis repo is a working implementation of a full stack Next.js app showcasing how to leverage Clerk for your user onboarding flow and includes the following:\n\n- Fully functional auth flow leveraging the Account Portal\n- Hooks for accessing user data and authentication state\n- Customized clerkMiddleware to leverage state for redirect\n\n\n## Demo\n\nA hosted demo of this example is available at [https://sample-onboarding-app.clerkpreview.com/](https://sample-onboarding-app.clerkpreview.com/)\n\n## Running the template\n\n```bash\ngit clone https://github.com/clerk/clerk-nextjs-onboarding-sample-app\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/sign-up?utm_source=github\u0026utm_medium=template_repos\u0026utm_campaign=onboarding_sample_app).\n2. Go to the [Clerk dashboard](https://dashboard.clerk.com?utm_source=github\u0026utm_medium=template_repos\u0026utm_campaign=onboarding_sample_app) and create an application.\n3. Set the required Clerk environment variables\n4. `pnpm install` the required dependencies.\n5. `pnpm dev` to launch the development server.\n\n\u003e _Alternatively, to use npm instead of pnpm, first delete the `pnpm-lock.yaml` file and run `npm install` and `npm run dev`_\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?utm_source=github\u0026utm_medium=template_repos\u0026utm_campaign=onboarding_sample_app)\n- [Clerk Documentation](https://clerk.com/docs?utm_source=github\u0026utm_medium=template_repos\u0026utm_campaign=onboarding_sample_app)\n- [Next.js Documentation](https://nextjs.org/docs)\n\n## Found an issue?\n\nIf you have found an issue with our documentation, please create an [issue](https://github.com/clerk/clerk-nextjs-onboarding-sample-app/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/clerk/clerk-nextjs-onboarding-sample-app/pulls) with the solution. :rocket:\n\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.com) us!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclerk%2Fclerk-nextjs-onboarding-sample-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fclerk%2Fclerk-nextjs-onboarding-sample-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fclerk%2Fclerk-nextjs-onboarding-sample-app/lists"}