Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/corbado/nextjs-template-vercel

This starter template providing simplifies the integration of Corbado's passkey-first component into a Next.js app.
https://github.com/corbado/nextjs-template-vercel

faceid fido2 javascript nextjs passkey passkeys react template touchid typescript vercel vercel-integration vercel-template webauthn

Last synced: 2 months ago
JSON representation

This starter template providing simplifies the integration of Corbado's passkey-first component into a Next.js app.

Host: GitHub
URL: https://github.com/corbado/nextjs-template-vercel
Owner: corbado
Created: 2024-02-26T10:39:44.000Z (11 months ago)
Default Branch: main
Last Pushed: 2024-03-06T12:44:35.000Z (11 months ago)
Last Synced: 2024-07-30T19:49:08.235Z (6 months ago)
Topics: faceid, fido2, javascript, nextjs, passkey, passkeys, react, template, touchid, typescript, vercel, vercel-integration, vercel-template, webauthn
Language: TypeScript
Homepage: https://corbado-nextjs-template.vercel.app
Size: 440 KB
Stars: 4
Watchers: 5
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

GitHub Repo Cover

# Corbado with Next.js - Starter Template

[![License](https://img.shields.io/badge/license-MIT-green)](./LICENSE)
[![Slack](https://img.shields.io/badge/slack-join%20chat-brightgreen.svg)](https://join.slack.com/t/corbado/shared_invite/zt-1b7867yz8-V~Xr~ngmSGbt7IA~g16ZsQ)

## Welcome to Corbado

This starter template demonstrates how to combine the Corbado's React component, `@corbado/react` and Corbado's Node.js SDK, `@corbado/node-sdk` and integrate it with Next.js for a seamless user experience.

## Structure of the Application

These are the different pages that you will find in this application:

- `/` : Home page
- `/login` : Login component page
- `/signup` : Signup component page
- `/profile` : The profile has three nested routes:
- `/` : User details page which uses `@corbado/node-sdk` to fetch complete details of the currently logged-in user.
- `/session-details` : This page deserializes Corbado's short-term session (stored as JWT) and showcases the stored details.
- `/passkey-list` : This page uses the `@corbado/react`'s `` component to display available passkeys.

## Points to Note

- When you use a component from `@corbado/react` either a UI component or a provider component you need to `use client` for client side rendering as the components make use of React contexts.

## :speech_balloon: Support & Feedback

### Report an issue

If you encounter any bugs or have suggestions, please [open an issue](https://github.com/corbado/nextjs-template-vercel/issues/new).

### Slack channel

Join our Slack channel to discuss questions or ideas with the Corbado team and other developers.

[![Slack](https://img.shields.io/badge/slack-join%20chat-brightgreen.svg)](https://join.slack.com/t/corbado/shared_invite/zt-1b7867yz8-V~Xr~ngmSGbt7IA~g16ZsQ)

### Email

You can also reach out to us via email at [email protected].

### Vulnerability reporting

Please report suspected security vulnerabilities in private to [email protected]. Please do NOT create publicly viewable issues for suspected security vulnerabilities.