JoeTrubenstein / mothmaps

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

MongoDB Realm GraphQL - Apollo (React)

This code demonstrates how to connect to your MongoDB Realm app's GraphQL API from a React application using Apollo Client 3. For a detailed walkthrough, check out Use GraphQL with Apollo Client (React) in the MongoDB Realm documentation.

Set Up

  1. Clone the Repository

    git clone https://github.com/mongodb-university/realm-graphql-apollo-react
    cd realm-graphql-apollo-react
  2. Install the dependencies

    Install the project dependencies with npm:

    npm install
  3. Load the Sample Data

    In MongoDB Atlas, load the sample datasets into your cluster.

  4. Create a MongoDB Realm App

    In the same project, create a new MongoDB Realm app. Make sure that the app is linked to the cluster that has the sample data.

  5. Generate a Schema

    Find the sample_mflix.movies collection on the Schema screen of the Realm UI and generate a schema based on the sample data. When you save the schema, Realm automatically generates corresponding GraphQL types.

  6. Define Rules

    Find the sample_mflix.movies collection on the Rules screen of the Realm UI and set the default role to have full read and write permission.

  7. Enable Anonymous Authentication

    This sample app automatically logs in as an anonymous user, so make sure that you enable the Anonymous provider.

  8. Add Your App ID

    Find your App ID and paste it into src/index.js.

  9. Run the App

npm run start

About


Languages

Language:JavaScript 90.6%Language:HTML 5.4%Language:CSS 4.0%