- Framework: Next.js
- Authentication: Ory Identities
- CSS: Tailwind CSS
- Database: Supabase
- Deployment: Vercel
export NEXT_PUBLIC_ORY_SDK_URL=https://practical-swirles-whg26u2ofh.projects.oryapis.com
npm run dev
ory tunnel --dev --project practical-swirles-whg26u2ofh \
http://localhost:3000
Some things like OIDC and Passwordless don't work locally. You probably also have to remove
router.push(basePath + "/ui/login");
fromuseAuth.tsx
to not get redirected. Use local for CSS or layout and test other features on the Staging domain.
Run the development server:
export NEXT_PUBLIC_ORY_SDK_URL=https://wonderful-gauss-otwhn7get8.projects.oryapis.com/
npm run dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.tsx
. The page
auto-updates as you edit the file.
API routes can be accessed on
http://localhost:3000/api/hello. This
endpoint can be edited in pages/api/hello.ts
.
The pages/api
directory is mapped to /api/*
. Files in this directory are
treated as API routes instead
of React pages.
This project uses
next/font
to
automatically optimize and load Inter, a custom Google Font.
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
Edit the ory-identity-config.json-$project_name
to add the webhook you want &
update configuration on production with the steps above.
Base64 encode the data you want to capture:
function(ctx) {
properties: {
email: ctx.identity.traits.email,
name: ctx.identity.traits.name,
},
}
Supabase Webhook:
function(ctx) {
id: ctx.identity.id,
created_at: ctx.identity.created_at,
name: ctx.identity.traits.name,
}
Assumptions:
- You cloned the repository and cd'd inside it.
- You have the Ory CLI and jq installed.
- You adjusted the parameters in
setup/manage_ids.sh
. Per default a new Ory project will be created and all 100 identities from thesetup/fake_emails
list will be used.
sh scripts/setup/manage_ids.sh
With n=100 it should take 1-2 minutes to complete. By then your output should look like this:
Using existing project with ID .....
Imported 100/100 identities.
Verified that all identities got created.