This repository contains integrations for connecting with Ory Cloud.

• NextJS
• Vercel
• SDK Helpers
  • Type Guards
  • UI Node Helpers

To connect a NextJS app with Ory, do the following in your NextJS App:

$ npm i --save @ory/integrations

Then create a file at <your-nextjs-app>/api/.ory/[...paths].ts with the following contents:

import { config, createApiHandler } from '@ory/integrations/next-edge'

export { config }

export default createApiHandler({
  /* ... */
})

You need to set the environment variable ORY_SDK_URL to your Ory Cloud Project SDK URL. For a list of available options head over to src/nextjs/index.ts.

To connect a non NextJS vercel app, do the following in your vercel app:

$ npm i --save @ory/integrations

Then create a file at <your-vercel-app>/api/oryproxy.js with the following contents:

import { config, createApiHandler } from '@ory/integrations/next-edge'

export { config }

const ah = createApiHandler({
  /* ... */
})
const apiHandlerWrapper = (req, res) => {
  req.query.paths = req.url.replace(/^\/api\/.ory\//, '').split('?')[0]
  ah(req, res)
}
export default apiHandlerWrapper

Then add the following contents to <your-vercel-app>/vercel.json:

{
    "rewrites": [
        { "source": "/api/.ory/:match*", "destination": "/api/oryproxy" }
    ]
}

This package contains several helpers for using the Ory SDKs with TypeScript, JavaScript, and NodeJS.

This package includes type guards for identifying UI nodes.

import {
  isUiNodeImageAttributes,
  isUiNodeInputAttributes,
  isUiNodeScriptAttributes,
  isUiNodeTextAttributes
  // ...
} from '@ory/integrations/ui'

// ...

if (isUiNodeImageAttributes(node.attributes)) {
  console.log('it is an image: ', node.attributes.src)
}

This package contains convenience functions for UI nodes:

• import { getNodeLabel } from '@ory/integrations/ui': Returns the node's label.
• import { getNodeId } from '@ory/integrations/ui': Returns a node's ID.
• import { filterNodesByGroups } from '@ory/integrations/ui': Filters nodes by their groups.