April 2022 Summaries

GraphQL Joins` is a feature released by Hasura v2.6.0 that enables federating queries and mutations across multiple GraphQL services as if they were a single GraphQL schema without modifying any of the underlying APIs or writing extra code. This allows for unified data access and querying across independent GraphQL services, REST APIs, and databases. With `GraphQL Joins`, developers can create relationships between entities in different schemas, unify their GraphQL API, and improve performance by caching frequently executed queries. The feature also supports authentication, authorization, and schema evolution management, making it a powerful tool for building scalable and maintainable GraphQL applications.

Hasura has added distributed tracing to its Datadog and Azure Monitor integrations. This feature is available on both Hasura Cloud and Hasura EE platforms. Distributed tracing helps developers understand the entire request-response lifecycle in serverless technologies and microservice architectures, ensuring a stable and performant experience for users. The telemetry format will vary based on integration, with Datadog and Azure specifying their own formats. Open Telemetry is planned for future releases. This new feature allows for full observability on production-ready GraphQL endpoints.

The Quasar Framework is a high-performance Vue.js framework that enables developers to build different types of applications with a single codebase. It supports Single Page Apps (SPA), Server-Side Rendered Apps (SSR), iOS/Android Mobile Apps, Desktop Apps, PWAs, and Hybrid Apps. By combining Quasar Framework with Hasura GraphQL Engine, developers can leverage the power of Postgres and streamline their development workflow. The Apollo Client is used to perform GraphQL queries in a Quasar app, and Quasar App Extensions allow for extending the application's functionalities.

This article provides a tutorial on building and deploying Vue.js static sites using Gridsome, GraphQL, Hasura, and Postgres. It covers setting up a Hasura instance, cloning and running the demo app, configuring the app to use the GraphQL endpoint, fetching data from the Postgres database, production build, and deployment with Netlify. The author emphasizes Gridsome's custom data source support and schema stitching capabilities as powerful features for building modern static sites. A boilerplate and short tutorial are available on Github to help users get started quickly.

This article demonstrates how to create a Universal Application using Nuxt.js and Hasura GraphQL Engine. The application is a blog-like app that displays a list of authors and their articles. Nuxt.js, a Vue.js framework, enables server-side rendering (SSR) for Vue applications, making it possible to build universal applications. In this project, the apollo module is used to fetch data from GraphQL endpoints. The application's implementation includes setting up Nuxt.js, configuring Apollo Client, defining GraphQL queries, and creating pages that display authors and articles. The boilerplate code for this tutorial can be found on GitHub.

In this latest update, Hasura introduces multiple JWT configurations, support for remote database relationships, experimental SQL optimization, project search on the cloud dashboard, preview apps YAML generator, environment labels on dashboard and console, and GitHub integration notifications. These features aim to improve workloads, performance, and deployment lifecycle of Hasura projects.