Getting Started
Quick Start: Service Provider
Add DDISA login to your Nuxt app in 3 minutes.
Add Login to Your App
Prerequisites
- Node.js 22+
1. Create Project
npx @openape/apes init --sp my-app
cd my-app
This scaffolds a Nuxt app with @openape/nuxt-auth-sp pre-configured. The Free IdP at id.openape.ai is used by default.
2. Start
npm run dev
3. Test
Open http://localhost:3001/login. Enter your email and sign in with your passkey.
After login, you'll be redirected to the home page showing your identity.
Done
You now have a working DDISA login. The app uses the Free IdP — no DNS, no server, no configuration needed.
What's Next?
- Connect your own domain with DNS — point
_ddisa.yourdomain.comto your IdP - Run your own Identity Provider — full control over users and agents
- How DDISA works — understand the protocol under the hood
What's in the Starter?
| File | Purpose |
|---|---|
pages/login.vue | Login page with <OpenApeAuth /> component |
pages/index.vue | Protected home page |
pages/profile.vue | User profile showing JWT claims |
nuxt.config.ts | 3 lines of OpenApe config |
.env | Fallback IdP URL (id.openape.ai) |