{"id":21590234,"url":"https://github.com/corbado/example-passkeys-nextjs","last_synced_at":"2025-04-10T22:17:44.860Z","repository":{"id":175944209,"uuid":"653113061","full_name":"corbado/example-passkeys-nextjs","owner":"corbado","description":"Next.js (TypeScript) repository of a sample app that offers passkey authentication.","archived":false,"fork":false,"pushed_at":"2024-10-21T08:53:44.000Z","size":264,"stargazers_count":24,"open_issues_count":0,"forks_count":6,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-04-10T22:17:37.537Z","etag":null,"topics":["faceid","fido2","javascript","nextjs","passkey","passkeys","react","touchid","typescript","webauthn"],"latest_commit_sha":null,"homepage":"https://www.corbado.com/passkeys/next-js","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/corbado.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2023-06-13T12:34:00.000Z","updated_at":"2025-02-22T12:40:11.000Z","dependencies_parsed_at":null,"dependency_job_id":"75af7ebc-7e2a-432c-869b-7f2e7b7183b7","html_url":"https://github.com/corbado/example-passkeys-nextjs","commit_stats":null,"previous_names":["corbado/corbado-example-nextjs","corbado/example-passkeys-nextjs"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbado%2Fexample-passkeys-nextjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbado%2Fexample-passkeys-nextjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbado%2Fexample-passkeys-nextjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbado%2Fexample-passkeys-nextjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/corbado","download_url":"https://codeload.github.com/corbado/example-passkeys-nextjs/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248305839,"owners_count":21081576,"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":["faceid","fido2","javascript","nextjs","passkey","passkeys","react","touchid","typescript","webauthn"],"created_at":"2024-11-24T16:17:12.065Z","updated_at":"2025-04-10T22:17:44.834Z","avatar_url":"https://github.com/corbado.png","language":"TypeScript","readme":"\u003cimg width=\"1070\" alt=\"GitHub Repo Cover\" src=\"https://github.com/corbado/corbado-php/assets/18458907/aa4f9df6-980b-4b24-bb2f-d71c0f480971\"\u003e\n\n# Next.js (TypeScript) Passkey Example App\n\nThis is a sample implementation of the Corbado React package and Corbado Node SDK being integrated into a web application built with Next.js.\n\nPlease see the [full blog post](https://www.corbado.com/blog/nextjs-passkeys) to understand the detailed steps needed to integrate passkeys into Next.js apps.\n\n## File structure\n\n- `app/auth/page.tsx`: the file where the React Auth component is used\n- `app/profile/page.tsx`: displays user information if the user has successfully authenticated (rendered on the server)\n- `app/user-data/route.ts`: api route that checks the users authentication state using the Corbado Node SDK\n- `app/page.tsx`: client rendered page that accesses data from the above mentioned route\n- `.env.local`: add relevant environment variables that you can obtain\n  from [Corbado developer panel](https://app.corbado.com/signin#register)\n\n## Setup\n\n### Prerequisites\n\nPlease follow the steps in [Getting started](https://docs.corbado.com/overview/getting-started) to create and configure\na project in the [Corbado developer panel](https://app.corbado.com/signin#register).\n\nYou need to have [Node](https://nodejs.org/en/download) and `npm` installed to run it.\n\n### Configure environment variables\n\nUse the values you obtained in [Prerequisites](#prerequisites) to configure the following variables inside an `.env.local`\nfile you create in the root folder of this project:\n\n```sh\nNEXT_PUBLIC_CORBADO_PROJECT_ID=\u003cYOUR PROJECT ID\u003e\nCORBADO_API_SECRET=\u003cYOUR API SECRET\u003e\nCORBADO_FRONTEND_API=\u003cYOUR FRONTEND API\u003e\nCORBADO_BACKEND_API=\u003cYOUR BACKEND API\u003e\n```\n\n## Usage\n\n### Run the project locally\n\nRun\n\n```bash\nnpm i\n```\n\nto install all dependencies.\n\nFinally, you can run the project locally with\n\n```bash\nnpm run dev\n```\n\n### Run the project in a docker container\n\nYou can also run the project in a docker container using the provided `docker-compose.yml` file.\n\n```bash\ndocker-compose up --build\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorbado%2Fexample-passkeys-nextjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorbado%2Fexample-passkeys-nextjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorbado%2Fexample-passkeys-nextjs/lists"}