<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p>We're super excited to share that the Neon integration for WunderGraph is now available.</p><p>You can now seamlessly link your Neon Postgres database with a WunderGraph project, enabling you to build apps quicker and easier.</p><p>For detailed instructions on how to begin using this new integration, check out the <a href="https://bff-docs.wundergraph.com/docs/cloud/integrations/neon">documentation</a>.</p><h2>Develop APIs at lightning-fast speed by leveraging the combined power of Neon and WunderGraph</h2><p>Neon is Serverless Postgres. They offer a multi-cloud, fully-managed Postgres with a generous free tier. Neon has also separated storage and compute to offer auto-scaling, branching, and bottomless storage.</p><p>Paired with WunderGraph Cloud, this integration allows you to sync your WunderGraph Project with a Neon database for a fully serverless experience.</p><p>With an easy-to-deploy database, we can provide a 100% serverless stack. You can build your own stateful app now. Build your serverless app on the edge.</p><p>It's so easy to connect your database and turn it into an API with WunderGraph. Then use either TypeScript or GraphQL to write the operations you wish to expose to your users.</p><h2>1 minute video on how to integrate Neon into your WunderGraph project</h2><h2>Full Video announcement</h2><h2>Final thoughts</h2><p>We are so excited about this integration with Neon, and we would really love to hear your feedback.</p><p>And remember, if you need any help, feel free to post in our friendly and active <a href="https://discord.gg/cnRWwHXbQm">Discord community</a>.</p><p>We can't wait to show you what else we have in store, so watch this space! 🚀</p></article>

turn_your_neon_database_into_an_api_with_wundergraph

Lightning-fast API development with Neon and WunderGraph

Learn how to use the Neon integreation with WunderGraph to create fast APIs

<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p>We are thrilled to announce that WunderGraph and Apollo GraphQL are partnering to bring you the next generation of GraphQL solutions: Graphzilla. By combining the power of WunderGraph's Virtual Graph and Apollo's SuperGraph, we are creating a GraphQL platform that will be unmatched in the industry.</p><p>Graphzilla is the result of a long, scientific process involving the brightest minds in the GraphQL industry. We're talking about scientists who have been working around the clock, subsisting on nothing but caffeine and determination, to create the ultimate GraphQL solution.</p><p>And boy, did they deliver.</p><p>Graphzilla is not just another GraphQL solution. It's a whole new level of GraphQL that will change the game forever. With Graphzilla, you'll be able to analyze and visualize your data in ways you never thought possible. It's like a super-powered version of your favorite GraphQL solution, but on steroids.</p><p>Graphzilla is designed to provide seamless integration between different data sources, allowing you to easily access and utilize all of your data in one place. Whether you're dealing with structured or unstructured data, Graphzilla powerful engine can handle it all.</p><p>Graphzilla, you'll be able to create custom GraphQL solutions tailored to your specific needs. Need to analyze data from multiple sources and create a comprehensive report? No problem. Need to visualize complex data in real-time? We've got you covered.</p><p>One of the key features of Graphzilla is its ability to provide a unified view of your data, even if it's stored in multiple locations. By connecting to multiple databases and APIs, Graphzilla can create a virtual representation of your entire data landscape, making it easier to analyze and understand your data.</p><p>And because the Graphzilla is built on top of GraphQL, you'll have access to all of the features and benefits that come with this powerful query language. From its intuitive syntax to its ability to retrieve only the data you need, GraphQL makes it easier to work with data than ever before.</p><p>Did we mention the speed? Graphzilla is lightning-fast, thanks to the combination of WunderGraph's Virtual Graph and Apollo GraphQL's SuperGraph. You'll be able to retrieve data in the blink of an eye, making your work so much more efficient and productive.</p><p>So, if you're ready to take your GraphQL game to the next level, join us on this epic journey to the stars. Graphzilla is the future of GraphQL, and it's here now.</p><p>Stay tuned for more updates, and keep an eye out for Graphzilla It's coming for you. Private beta to be released shortly and expected General Avilability will be released April 1st, 2024.</p></article>

wundergraph_aquires_apollo_to_create_the_ubergraph 

WunderGraph Aquires Apollo GraphQL to Join Forces to Create the Ultimate GraphQL Solution: Graphzilla

WunderGraph’s Virtual Graph meets Apollo’s SuperGraph to form UberGraph — the most powerful GraphQL solution ever built.

WunderGraph Acquires Apollo GraphQL to Join Forces to Create the Ultimate GraphQL Solution: Graphzilla

<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p>We are super excited to introduce our latest database integration with Fauna! Fauna is a distributed document-relational database delivered as a cloud API. It allows you to build new or migrate existing applications to Fauna and scale without worrying about operations.</p><p>WunderGraph makes it possible for your application to use its own dedicated BFF while allowing code sharing across all your applications, while preventing credentials and API keys from leaking into the browser.</p><p>With WunderGraph, you can structure your Public API as operations. Every operation is a GraphQL file with a single GraphQL query or mutation that the BFF exposes using JSON-RPC (HTTP). This approach hides unnecessary complexity from designing a cacheable and secure public API with GraphQL.</p><p>We've included a quick guide that demonstrates how to integrate Fauna as a data source into a WunderGraph application in under ~10 minutes 👀 . The procedure uses the WunderGraph open source &quot;monorepo,&quot; which has a dedicated example for Fauna as a data source.</p><h2>Step 1: Create a database that has sample data with Fauna</h2><ol><li>Log in to the <a href="https://dashboard.fauna.com/">Fauna Dashboard</a></li><li>Click the <strong>[CREATE DATABASE]</strong> button.</li><li>Enter a name for your database. For example: <code>wundergraph</code></li><li>Select an appropriate <a href="https://docs.fauna.com/fauna/current/learn/understanding/region_groups">Region Group</a></li><li>Check the <strong>Use demo data</strong> checkbox.</li><li>Click the <strong>[CREATE]</strong> button.</li></ol><p>When you complete these steps, you have a database that has several collections of documents, several indexes, and a configured GraphQL API with a matching schema definition. The sample data allows you to experiment with various CRUD queries and mutations.</p><h2>Step 2: Create a key with the <strong>admin</strong> role</h2><ol><li>Click the [ <strong>Security</strong> ] button in the left navigation pane.</li><li>Click the [ <strong>NEW KEY</strong> ] button.</li><li>Click the [ <strong>SAVE</strong> ] button.</li><li>Store the displayed secret in a safe place. The Dashboard only shows a secret once.</li></ol><p>When you complete these steps, you have a Fauna secret that grants access to use the associated database.</p><h2>Step 3: Clone the WunderGraph monorepo</h2><ol><li>Open a terminal window</li><li>Run the following command:</li></ol><pre data-language="bash">git clone https://github.com/wundergraph/wundergraph.git
</pre><h2>Step 4: Configure the WunderGraph integration</h2><ol><li>In the terminal window, run the following commands:</li></ol><pre data-language="bash">cd wundergraph/examples/faunadb-nextjs
cp example.env .env
</pre><p>2. Edit the file .env to replace &lt;replace-with-your-token&gt; with the secret for the admin key that you stored as part of <a href="#step-2:-create-a-key-with-the-role">Step 2: Create a key with the admin role</a></p><p>3.If you selected a Region Group other than Classic, edit the file <strong>.env</strong> to replace <strong>https://graphql.fauna.com/graphql</strong> with the GraphQL API endpoint suitable for your selected Region Group:</p><ul><li><p>EU: <strong>https://graphql.eu.fauna.com/graphql</strong></p></li><li><p>US: <strong>https://graphql.us.fauna.com/graphql</strong></p></li><li><p>Preview: <strong>https://graphql.fauna-preview.com/graphql</strong></p></li></ul><h2>Step 5: Install dependencies and start the application</h2><ol><li>In your terminal window, run the command:</li></ol><pre data-language="bash">npm install &amp;&amp; npm start
</pre><p>When you run the command, you should see the dependency installation progress followed by the start of the application. Your web browser should open <strong>http://localhost:3000</strong> and display the result of the <strong>AllStores</strong> operation:</p><h2>Step 6: Add a store</h2><ol><li>In the Dashboard, click the [ <strong>Shell</strong> ] button in the left navigation pane.</li><li>In the lower pane, replace existing query text with:</li></ol><pre data-language="bash">&gt; Create(
  Ref(Collection(&quot;stores&quot;), &quot;304&quot;),
  {
    data: {
      name: &quot;My Personal Bodega&quot;,
      address: {
        street: &quot;1234 My Street&quot;,
        city: &quot;My City&quot;,
        state: &quot;WA&quot;,
        zipCode: &quot;90210&quot;
      }
    }
  }
)
</pre><p>3.  Click the [ <strong>RUN QUERY</strong> ] button.</p><p>4.  In the WunderGraph application, click the [ <strong>Refresh</strong> ]  button. You should see that the list of stores now has the new <strong>_id</strong> field <strong>304</strong>.</p><p>5. Type <strong>Control + C</strong> to exit the WunderGraph application.</p><p>Now that the WunderGraph application is configured, look at the generated integration code in <strong>.wundergraph/wundergraph.config.ts.</strong> You should see that adding Fauna as a data source is only eight lines of code. You can also review the file in the .wundergraph/operations folder to see the AllStores query.</p><h2>Summary</h2><p>The demonstration application is simple: only one operation is defined. But it shows how easy it is to safely expose Fauna to your front-end application using WunderGraph. You can extend the demonstration application, or start your own using similar configuration steps. Learn more in the <a href="https://bff-docs.wundergraph.com/">WunderGraph documentation</a>.</p><p>We'd like to thank the amazing team at Fauna for colloborating with us on this intergration. A special thank you to Nishant Madichetti, Zee Khoo, Matt Slagle, and Wyatt Wenzel! We look forward to future collaboration and providing our users with an unmatched serverless developer experience with Fauna and WunderGraph Cloud👀</p><h2>The future of WunderGraph and how you can support us</h2><p>Our goal with WunderGraph is to make Developers highly productive in building Serverless APIs. So far, we've built an open-source Framework that's designed to be local-first, transparent, and easy to debug.</p><p>To make WunderGraph scalable, we've designed it with GitOps in mind. Everything is configured with TypeScript, allowing individuals and teams to share their configurations and customizations using git.</p><p>The next step for us is to automate continuous deployment to the cloud. With WunderGraph Cloud, you can connect your git repositories with a few clicks and deploy them to our Serverless Cloud.</p><p>To get early access, You can sign up for our <a href="https://wundergraph.com/cloud-early-access">waitlist</a></p><p>There are so many ways you can support us here at WunderGraph. <a href="https://twitter.com/wundergraphcom">Tweet at us.</a> <a href="https://github.com/wundergraph/wundergraph">Star us on Github.</a> Post in our <a href="https://wundergraph.com/discord">Discord!</a> or Build something with our latest intergration and show us so we can share it!</p><p>We would love to hear from you!</p></article>

WunderGraph and Fauna integration. Quickly integrate FaunaDB into your serverless applications using WunderGraph.

WunderGraph 🤝 Fauna Integration

<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p><a href="https://wundergraph.com/">WunderGraph</a> is extremely pleased to announce a partnership with <a href="https://www.oracle.com/cloud/">Oracle Cloud</a> that allows developers to build their next application with 90% faster integrations, to then host it easily on Oracle’s cloud. The speed of implementation is critical to how fast your business can act. WunderGraph and Oracle offer an innovative approach for API Integration and cloud hosting, providing users with the ability to develop and test applications in three times less time than with traditional tools. From there, WunderGraph allows hosting with Oracle’s powerful Cloud Infrastructure technology. Take your development to the next level with this partnership.</p><h2>90% faster integrations with WunderGraph</h2><p>GraphQL itself is great, but we were able to identify a few gaps regarding security, performance and developers experience. We've looked at how companies like Facebook, AirBnB, Medium, Twitter, etc... adopted GraphQL and took our learnings from their experience.</p><p>From all of this, we've assembled a set of tools to make developers' lives easier, allowing you to build apps faster and more secure without trading performance. While doing so, our main focus is always to give developers an amazing experience throughout the whole journey of using APIs.</p><p>WunderGraph, acts as a backend for frontend to your application. All the complexity of implementing OWASP compliant security, authentication, authorization with role based access controls, caching and state management is handled by the framework. Both client and server are fully generated and can be configured and extended in many ways.</p><p>WunderGraph’s unified Virtual Graph automates 90% of integration tasks and provides an unparalleled developer experience, <a href="https://wundergraph.com/docs/overview/features/authentication_aware_data_fetching">authentication-aware data fetching</a> and much more out of the box.</p><p>Our Open Source Framework is just the first step on our journey to create the best possible Developer Experience for working with APIs.</p><h2>Oracle Cloud Infrastructure</h2><p>We’re super excited about this partnership because OCI has all the services you need to migrate, build, and run all your IT, from existing enterprise workloads to new cloud native applications and data platforms.</p><p>Oracle Cloud is the first public cloud built from the ground up to be a better cloud for every application. By rethinking core engineering and systems design for cloud computing, Oracle created innovations that accelerate migrations, deliver better reliability and performance for all applications, and offer the complete services customers need to build innovative cloud applications.</p><p>Migrate custom and third-party applications to Oracle Cloud Infrastructure (OCI) with minimal architecture or reintegration and implement infrastructure that delivers higher performance at lower cost than alternatives. OCI includes all the core infrastructure and platform-as-a-service options to meet secure development lifecycle needs through its industry-leading data management products and support for open source technologies like Java, Kubernetes, and MySQL, and now WunderGraph.</p><h2>How to host WunderGraph on Oracle Cloud</h2><p>Things Needed:</p><ul><li>Oracle Cloud Account</li><li>Docker Hub Account</li><li>10 minutes</li><li><a href="https://docs.oracle.com/en-us/iaas/Content/API/SDKDocs/cliinstall.htm">Oracle CLI</a></li></ul><p>Hosting your WunderGraph application on Oracle Cloud is extremely easy. This mini-demo will show you in under 10 minutes how to host your WunderNode on Oracle Cloud using Oracle Kubernetes Clusters (OKE) for “free”. (When you sign up you’ll be given a $300 credit to try it out. Once you run through your credit, you will default to the free forever plan)</p><p>The first thing you want to do is head over to <a href="https://www.oracle.com/cloud/">oracle.com/cloud/</a> and click begin the registration for the <a href="https://www.oracle.com/cloud/free/?source=CloudFree_CTA1_Default&amp;intcmp=CloudFree_CTA1_Default">Oracle Cloud Free Tier</a>. Once you register and sign in, you’ll be greeted by the Oracle Cloud dashboard. Search for Kubernetes Clusters (OKE) and create your Cluster. A Modal will pop up and you should choose <strong>Quick Create</strong>.</p><p>Now you will configure your cluster. Give your cluster a name and make sure to put your Kubernetes API Endpoint to <strong>Public</strong>. Same thing with ​​Kubernetes Worker Nodes. Set the workers to <strong>Public</strong>.</p><p>For this example, we only selected 1 node.</p><p>Next, create your cluster. This process will take a bit of time.</p><p>Once your cluster is active, you can access it. It should look like the image below.</p><p>Once your cluster is active. Click the <strong>Access Cluster</strong> button. A modal will pop up and you should select <strong>Local Access</strong>. Follow the steps to be able to successfully configure your cluster locally.</p><p>It’s important to have Oracle’s CLI installed on your machine. You can use this <a href="https://docs.oracle.com/en-us/iaas/Content/API/SDKDocs/cliinstall.htm">link</a> to quickly download it. Make sure to follow the directions in the modal exactly the way they show you.</p><p>Once you have configured your cluster correctly, you are done with the configuration from Oracle Cloud!</p><h2>Deploy your WunderGraph application to your kubernetes cluster.</h2><p>Clone the repository from this <a href="https://github.com/wundergraph/kubernetes-deployment">link</a> and follow along the next steps.. The application is exposed via a service of type load-balancer which makes your application accessible to the public internet.</p><pre data-language="javascript">make deploy
</pre><p>This command will build and push a production ready docker image to the registry and deploy all kubernetes files under ./k8s. We use the tool kbld for that seamless integration.</p><h2>Accessing your WunderGraph node that is now hosted on Oracle Cloud via Oracle Kubernetes Clusters (OKE)</h2><pre data-language="javascript"># Checkout the ip in &quot;LoadBalancer Ingress&quot;
make get-ip
curl --location --request GET 'http://${IP}/operations/Hello' \
--header 'Content-Type: application/json'
</pre><p>That’s it! In under 10 minutes we were able to host WunderGraph on Oracle Cloud using their Kubernetes Clusters (OKE). This is just 1 of their many services that they offer a part of their Oracle Cloud ecosystem.</p><p>** This was just for demo purposes to illustrate how easy it is to host WunderGraph on Oracle's Kubernetes Clusters. ake sure to destroy all provisioned resources, as you do not want to burn through your free credit so quickly! **</p><p>Time to start your first project! You can start using Oracle Cloud and WunderGraph today! We would love to see what you have built and what other integrations you would like to see.</p><h2>Here are some of the handy links you can leverage to explore the WunderGraph and Oracle partnership activities further:</h2><ul><li>All are welcome to join the Wundergraph Community <a href="https://discord.gg/cnRWwHXbQm">Discord</a> Channel</li><li>If you want to experience Wundergraph with OCI for yourself, sign up for an <a href="https://signup.cloud.oracle.com/?sourceType=_ref_coc-asset-opcSignIn&amp;language=en_US">Oracle Cloud Infrastructure account</a> and start testing today!</li><li>For more information, see the <a href="https://docs.cloud.oracle.com/iaas/Content/ContEng/Concepts/contengoverview.htm">Oracle Container Engine for Kubernetes documentation</a>.</li><li>If you want to take your WunderGraph application to the next level with dedicated support from our team, use this <a href="https://www.google.com/url?q=https://form.typeform.com/to/fuRWxErj?typeform-embed-id%3D5245050805860514%26typeform-embed%3Dpopup-blank%26typeform-source%3Dwundergraph.com%26typeform-medium%3Dembed-sdk%26typeform-medium-version%3Dnext&amp;sa=D&amp;source=editors&amp;ust=1650479366001483&amp;usg=AOvVaw3-63GQ0zBPm2c131Eu6xQU">link</a> to schedule a meeting with WunderGraph</li></ul></article>

WunderGraph and Oracle Cloud team up to deliver 90% faster API integrations and seamless Kubernetes hosting for modern, scalable app development.

Partnership Announcement: Oracle Cloud and WunderGraph

<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p>We are very excited to announce our most recent partnership with Cloud IAM - the Keycloak Identity and Access Management as a Service solution used by 10,000+ developers. Cloud IAM offers a fully managed Keycloak that is white-labeled, GDPR compliant, secure, cloud agnostic and scalable.</p><p>For many developers, Keycloak is the preferred software for IAM. However, integrating and using it for your application is time-consuming, since you need to monitor, secure, scale, update and back it up.</p><p>By using the integration for <a href="https://wundergraph.com/">WunderGraph</a> and <a href="https://www.cloud-iam.com/">Cloud IAM</a>, you can build Keycloak authentication into your application with ease. Cloud IAM automates the setup, running, and scaling of Keycloak clusters. WunderGraph lets you integrate authentication with your frontend and backend in minutes. WunderGraph’s unified Virtual Graph automates 90% of integration tasks and provides an unparalleled developer experience, <a href="https://wundergraph.com/docs/overview/features/authentication_aware_data_fetching">authentication-aware data fetching</a> and much more out of the box. Bring everything together and reach lightspeed levels of development! This demo was done using our quick start chat application. You can use this <a href="https://github.com/wundergraph/nextjs-typescript-postgresql-graphql-realtime-chat">link</a> to clone the repo and follow along with this demo to integrate cloud IAM in under 10 minutes.</p><h2>How it works</h2><p>If you want to use Keycloak for your next project with WunderGraph, here is how you can get started. First, you need to set up your Cloud IAM. You can start with the free <a href="https://www.cloud-iam.com/#pricing">Little Lemur</a> plan. Once you have created an account. Create a new deployment on the deployment page.</p><p>Once a new deployment has been created. You will be given admin credentials to access your deployment. Save these credentials and then select Keycloak Console and proceed to your deployment.</p><p>Once you are inside the deployment. You should see something like this. Head over to the Clients tab and add your WunderGraph Client.</p><p>When you are adding your WunderGraph Client, you need to configure your settings shown in the example below. Change the Access Type to <strong>Confidential</strong> and give a valid redirect URI. We just used our local host as the redirect URI. It’s important to change the Access Type to <strong>Confidential</strong> because this will generate an OpenID Connect Confidential client that is on the backend and not on the frontend. Make sure to click save at the bottom.</p><p>Now if you check the Credentials tab you will see a secret. Now you can head back to Realm Settings tab and you should see a link Endpoint at the bottom labeled Open ID Endpoint Configuration. Click it and you will be redirected to a page with a big json blob. For now, take note of the URL. It should look like this</p><pre>https://lemur-10.cloud-iam.com/auth/realms/Your-project-name/.well-known/openid-configuration
</pre><p>You’ll need everything before /.well-know. So copy it and paste it in a safe place for later use.</p><pre>https://lemur-10.cloud-iam.com/auth/realms/Your-project-name/
</pre><p>After that, you declare Cloud IAM as your login provider to authenticate users. You can do this by heading over to the <strong>wundergraph.config.ts</strong> file and adding the following:</p><ul><li>Your ID is whatever you want to call it.</li><li>Your clientID is the name of the client you made earlier in IAM.</li><li>Your secret can be found under the client credentials tab. Make sure to hide it better than I did.</li><li>Your issuer is that link from the Open ID Endpoint Configuration link. Please paste it in the issuer.</li></ul><pre data-language="typescript">authentication: {
        cookieBased: {
            providers: [
                authProviders.demo(),
                authProviders.openIdConnect({
                    id: &quot;cloud-IAM&quot;,
                    clientId: &quot;your-client-name&quot;,
                    clientSecret: &quot;your-client-secret&quot;,
                    issuer: &quot;https://lemur-10.cloud-iam.com/auth/realms/iam-integration-demo/&quot;
                })
            ],
            authorizedRedirectUris: [
                &quot;http://localhost:3000&quot;
            ]
        },
    },
</pre><p>The client is then generated by WunderGraph and is aware of Cloud IAM as the authentication provider and of Keycloak as the method used. It provides all the user information provided by Cloud IAM and lets you log in and log out users with a single function call.</p><p>If you look inside the Web Client, you should see that WunderGraph picked up on the changes and configured Cloud-IAM for us automatically.</p><p>Now everything is configured, the login flow will look like this: A user logs into the web application and is redirected to the WunderGraph Server <a href="https://wundergraph.com/docs/reference/components/wundernode#content">(WunderNode)</a>. From there, the user is redirected to Cloud IAM for authentication, and then redirected back when the login is successfully completed. Every step of the process is automated, giving you one less thing to worry about.</p><p>If you want to learn more about how WunderGraph handles authentication, check out our detailed <a href="https://bff-docs.wundergraph.com/docs/wundergraph-operations-ts-reference/configure-authentication#__next">documentation</a>.</p><h2>Time to start your first project!</h2><p>You can start using Keycloak with <a href="https://www.cloud-iam.com/">Cloud IAM</a> and <a href="https://wundergraph.com/">WunderGraph</a> today! We would love to see what you have built and what other integrations you would like to see. We are looking forward to welcoming you on our Community <a href="https://discord.gg/a8gXs5FWaJ">Discord</a> Channel soon!</p><p>If you want to take your WunderGraph application to the next level with dedicated support from our team, use this <a href="https://form.typeform.com/to/fuRWxErj?typeform-embed-id=5245050805860514&amp;typeform-embed=popup-blank&amp;typeform-source=wundergraph.com&amp;typeform-medium=embed-sdk&amp;typeform-medium-version=next">link</a> to schedule a meeting with us.</p><h2>Live Demo</h2></article>

Integrate Keycloak with WunderGraph in under 10 minutes using Cloud IAM. Boost security, simplify setup, and speed up auth workflows with this step-by-step guide.

Keycloak Integration in Minutes with Cloud IAM and WunderGraph

<article><p>WunderGraph Hub is our new collaborative platform for designing, evolving, and shipping APIs together. It’s a design-first workspace that brings schema design, mocks, and workflows into one place.</p><p>We're super excited to introduce our latest integration with MongoDB Atlas – MongoDB’s multi-cloud application data platform. Thanks to MongoDB’s advanced cloud database service, we are now able to help you get a full stack application up and running in minutes.</p><p>This release introduces a new data source type into Wundergraph – the MongoDB DataSource. The new integration allows you to turn any MongoDB protocol compatible database (including MongoDB Atlas) into a secure, production-grade GraphQL API, without having to do much manual work. With this new data source, it is easier than ever to build a GraphQL server with a database like MongoDB.</p><p>Get started in a matter of minutes by deploying a <a href="https://www.mongodb.com/cloud/atlas/register?utm_campaign=wundergraph&amp;utm_source=wundergrap&amp;utm_medium=website&amp;utm_term=partner">free, hosted cluster on MongoDB Atlas</a> and grabbing the associated connection string. After you have your connection string, simply point WunderGraph to your database, and let us take care of all the heavy lifting. In contrast to other offerings, the resulting API is production-ready from the start with authentication &amp; authorization out of the box. None of your data gets exposed if you don’t explicitly allow it.</p><h2>Highlights</h2><h3>Injecting Claims</h3><p>WunderGraph, by default, does NOT expose the generated (virtual) GraphQL API. To expose some functionality of the Graph, you have to write a Query or Mutation. The Query will be compiled into a secure RPC Endpoint.</p><p>With that in mind, it should be clear that clients are not able to modify Queries at runtime. All they can do is invoke the compiled RPC Endpoint.</p><p>Keeping Queries on the backend gives WunderGraph superpowers. If you look at the following Query, you'll see a custom @fromClaim directive.</p><pre data-language="typescript">mutation AddMessage (
   $email: String! @fromClaim(name: EMAIL)
   $name: String! @fromClaim(name: NAME)
   $message: String!
) {
   createOnemessages(data: {message: $message users: {connectOrCreate: {create: {name: $name email: $email} where: {email: $email}}}}){
       id
       message
   }
</pre><p>This directive does two things. First, it enforces that a user must be authenticated to be able to use this method. Second, we take the email and name Claims of the user and inject them into the Mutation.</p><blockquote><p>Claims are name value pairs of information about the authenticated user.</p></blockquote><p>This method allows us to add a layer of authentication &amp; authorization by just writing a directive.</p><h2>Live Queries</h2><p>WunderGraph allows you to turn any GraphQL Query into a Live-Query. Live-Queries are regular Queries that automatically update the user interface. Data gets updated by polling the upstream DataSource continually using a predefined interval which you can configure.</p><p>Combined with MongoDB Atlas, you're able to easily build Real Time Applications like a Chat.</p><p>Take the following Query as an example:</p><pre data-language="typescript">query TopProducts {
   topProducts {
       upc
       name
       price
   }
}
</pre><p>Using the following configuration, we're enabling Live-Queries for the TopProducts Query.</p><pre data-language="typescript">const operations: ConfigureOperations = {
   ...
   TopProducts: config =&gt; ({
       ...
       liveQuery: {
           enable: true,
           pollingIntervalSeconds: 2,
       },
       ...
   }),
   ...
}
</pre><p>On the WunderNode we would keep polling the origin every two seconds. If there's new data, we'd update all clients who subscribed to this live query. Calling this Live-Query from the clients looks very similar to a regular Query:</p><pre data-language="typescript">const IndexPage = () =&gt; {
    const {response: liveProducts} = useLiveQuery.TopProducts();
    return (
        &lt;div&gt;
            {JSON.stringify(liveProducts)}
        &lt;/div&gt;
    )
}
</pre><p>Swap useQuery for useLiveQuery and you're done. The UI will update automatically when the data changes.</p><h2>Easiest Configuration Ever</h2><p>To configure MongoDB as a DataSource, you have to use introspection. Import the introspect function from the <strong>@wundergraph/sdk.</strong> It should be available if you have initialized your project with <code>npx create-wundergraph-app &lt;project-name&gt;</code>. As the database URL, specify the path to the database file using the syntax below.</p><p>As the database URL, specify the path to the database file using the syntax below.</p><pre data-language="typescript">import {
    introspect,
} from &quot;@wundergraph/sdk&quot;;

const db = introspect.mongodb({
    apiNamespace: &quot;atlasIsAwesome&quot;,
    databaseURL: &quot;mongodb+srv://admin:password@cluster0.8toev.mongodb.net/sample_airbnb?retryWrites=true&amp;w=majority&quot;,
});
</pre><p>This gives you a Promise of an API object. This db object can now be passed to <code>configureWunderGraphApplication</code>. This way, you're able to combine the generated GraphQL API of the database with other APIs, e.g. a REST or another GraphQL API.</p><pre data-language="typescript">configureWunderGraphApplication({
    apis: [atlasIsAwesome]
});
</pre><h2>Reference</h2><p>We can't wait to see what you build with Wundergraph and MongoDB! Connect with us on <a href="https://discord.gg/cnRWwHXbQm">Discord</a> to share your projects and feedback. You can find more information about the <a href="https://wundergraph.com/docs/guides/your_first_wundergraph_application/overview">MongoDB DataSource for Wundergraph here.</a></p></article>

We're super excited to introduce our latest integration with MongoDB Atlas – MongoDB’s multi-cloud application data platform.

Router / Gateway

Connect

MCP Gateway

ConnectRPC

Documentation

Zero to Production

GitHub

Community

Blog

Lightning-fast API development with Neon and WunderGraph

WunderGraph Acquires Apollo GraphQL to Join Forces to Create the Ultimate GraphQL Solution: Graphzilla

WunderGraph 🤝 Fauna Integration

Partnership Announcement: Oracle Cloud and WunderGraph

Keycloak Integration in Minutes with Cloud IAM and WunderGraph

WunderGraph 🤝 MongoDB Atlas