Hi Pratham,

Sounds like you're building a custom integration where users from your Next.js site should be able to view and interact with Bettermode content seamlessly. Here’s how you can approach it:

You can embed your community (or a specific post/space) using an <iframe> for web or a WebView for mobile apps.

Option 1: Embed the full community

<iframe src=\"https://yourcommunity.bettermode.io?layout=basic\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>

You can modify the layout to change the appearance:

layout=default: Header + sidebar
layout=no-sidebar: Header only
layout=basic: Content only (minimal UI)

Option 2: Embed a specific space or post

Visit any post or space in your community, click ... > Share > Embed, and copy the embed code. You’ll get a snippet you can paste into your site.

Controlling who can interact

To make sure only logged-in users from your site can react or comment, you’ll need to integrate SSO:

OAuth2 SSO (Pro plan + SSO add-on):
Recommended if you're using Google login or your own identity provider. Users authenticate with your app, then log into Bettermode via OAuth2 without needing separate credentials.
JWT SSO (Enterprise only):
Gives you full control of the session - you generate a token for each user, and Bettermode accepts it as a signed login. This is the most seamless and customizable option, especially for apps with their own login and session logic.

Getting posts via API

If you want to pull posts created by admins into your frontend (e.g., Next.js), you can use the Bettermode GraphQL API.

Depending on your needs, you can use the posts, feed, or post queries. These let you:

Fetch recent posts
Filter by space, post type, or visibility
Access author data and custom field values

Because post structures vary, we recommend using the Bettermode GraphQL API Playground to build and test queries based on your community’s setup.

You'll need an API token or OAuth-based access depending on your setup.

Some resources that you may find helpful:

Embedding guide: https://developers.bettermode.com/docs/guide/embedding/getting-started/
OAuth2 SSO guide: https://developers.bettermode.com/docs/guide/single-sign-on/oauth2-sso/
GraphQL API: https://developers.bettermode.com/docs/guide/graphql/getting-started/
Enabling OAuth2 SSO in Bettermode: https://bettermode.com/hub/member-management/post/how-to-enable-oauth2-sso-for-my-community-on-bettermode-21xeutpDCoU5a8g

How to integrate bettermode with my website ?