Shopify

Enable Passage authentication for your Shopify app

Next.js provides a number of templates for e-commerce specific use cases. If you are using Next.js for e-commerce sites, you can use the Passage next-auth provider to easily add passkey authentication to your website.

Next.js

Setup a Next.js app with the Shopify Integration

Next.js and Vercel have made it incredibly easy to get started with your Shopify powered website.

They have provided a one click template (opens in a new tab) for rapid preview and a Shopify integration guide (opens in a new tab) to connect your Shopify Store to a Vercel deployment.

Add Passage

Once you have your headless storefront deployed on Vercel you can add Passage as an OIDC provider for customer authentication in two easy steps:

1. Implement the Passage Provider with Auth.js
2. Configure your Next.js app (opens in a new tab) to protect pages and API routes