{"repo":"stytchauth/stytch-nextjs-integration","free":true,"listed":false,"github":"https://github.com/stytchauth/stytch-nextjs-integration","clone":"git clone https://github.com/stytchauth/stytch-nextjs-integration.git","description":"A demo application featuring Stytch's Consumer authentication suite built on Next.js","language":"TypeScript","stars":73,"topics":["2fa","nextjs","oauth","passwordless","stytch","webauthn"],"license":"MIT","category":"auth-billing-email","readme_excerpt":"Stytch + Next.js Example App This is a Stytch + Next.js project bootstrapped with create-next-app . Check out a live version of this site here. In this repo, we have three sample auth flows: - SDK with React component: This flow uses Stytch's React component to create a login and sign-up flow using Email magic links and OAuth logins. - SDK with custom UI: This flow uses a custom UI with Stytch's headless SDK to implement Onetime Passcodes(OTP) via SMS authentication. - Direct API: This flow uses a custom UI with Stytch's backend API for a two step authenticaiton which requires Email magic links and WebAuthn. Note: By default this example app enables five of our OAuth providers, Google, Microsoft, Facebook, Github, and Apple. If you haven't set up these OAuth providers in your Dashboard, you'll receive a redirect error when you attempt to login via those providers. You may remove all OAuth methods by removing SDKProductTypes.oauth from the products array in components/LoginWithReactSDK.tsx or adjust which ones are displayed by via oauthOptions.providers in the same file. More detail on working with OAuth providers in our SDK may be found in our Docs. Running with Vercel If you'd like to run this example app with Vercel, the first step is to configure the appropriate redirect URLs for your project. You'll set these magic link redirect URLs in the Redirect URLs section of your Dashboard. Add https:// .vercel.app/authenticate as both a login and sign-up redirect URL. If you'd lik","default_branch":null,"files":null,"tree":[],"storefront":"/r/stytchauth","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/stytchauth/stytch-nextjs-integration/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}