Realm-Web SDK Example

This example uses Realm-Web SDK to query a realm graphql endpoint using swr.

This example relies on MongoDB Realm for its GraphQL backend.

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example:

npx create-next-app --example with-realm-web with-realm-web-app

yarn create next-app --example with-realm-web with-realm-web-app

pnpm create next-app --example with-realm-web with-realm-web-app

Deploy it to the cloud with Vercel (Documentation).

Configuration

To set up your app:

1. Link a cluster that includes the Atlas sample data sets
2. Configure permissions for the sample_mflix.movies collection. For this demo, you can assign ready only permissions for all authenticated users.
3. Generate a collection schema for the sample_mflix.movies collection. Add a root-level "title" field to the schema with the value set to "movie".
4. Enable anonymous authentication
5. Once your app is set up, replace the value of NEXT_PUBLIC_REALM_APP_ID in .env file with your App ID