iTwin Viewer in Next.js

A proof of concept demonstrating the iTwin Viewer running in a Next.js App Router application.

SDK / Component Mode

iTwin Web Viewer

Standalone viewer using @itwin/web-viewer-react with custom UI providers and client-side OIDC auth.

Launch Web Viewer
Embedded Mode

Bentley Connect Viewer

Full Bentley Design Review application embedded with bi-directional postMessage event handling and element inspection.

Launch Connect Viewer

Setup Instructions:

  1. Get your OIDC client credentials from developer.bentley.com
  2. Get your iTwin ID and iModel ID from the iTwin Platform APIs
  3. Add all credentials to your .env.local file
  4. Restart the development server