Dynamic JAMStack with Gatsby and Hasura GraphQL

This article discusses how to build a dynamic app using JAMStack (JavaScript, APIs, and Markup) with Gatsby and Hasura GraphQL. The benefits of JAMStack include faster performance, scalability via CDN, clean separation of concerns, and easy deployment with automated builds and git integration. By incorporating Hasura's GraphQL APIs, the site becomes more dynamic and powerful. The article provides a step-by-step guide on how to create a new Gatsby site, build a simple static site to list articles, and add dynamic data using Hasura's GraphQL APIs. It also covers how to separate static and dynamic data, set up authentication, configure permissions for users with Hasura role-based access control, and deploy the app on Netlify or other JAMStack compliant providers. Other popular static site generators around React and Vue are mentioned, including react-static, Nuxt.js, Gridsome, Jekyll, Hugo, Hexo, and VuePress.