Hasura and Vercel Integration Notes

Jul 28, 2024

Mini Series on Hasura with Vercel Integration

Introduction

  • Welcome to the mini series about working with Hasura and the Vercel platform.
  • Past content covered integration, but now there is an official Vercel integration with Hasura cloud.

Key Releases

  • HasuraCon 22 Updates
    • Official Vercel integration to connect to Hasura Cloud.
    • Automatic import of GraphQL endpoint, admin secret, and other variables.
    • Enhanced shipping speed for features.
  • GitHub Integration
    • Now generally available (out of beta).
    • Allows leveraging CI/CD elegantly for a better developer experience.
    • Ship one folder; both metadata changes and Vercel project updates are automated.

Focus of the Tutorial

  • Step-by-step setup from scratch to demonstrate integration.
  • Goal to show ease of connecting different pieces:
    • Composable components allow swapping parts easily (e.g., frameworks, styling libraries).
    • Each component is designed to function independently of others.

Project Overview

  • Project Example: Backyard Pizza Project
    • Creating an overly engineered pizza ordering system for backyard parties.
    • Goal: Enable guests to order pizza while the host manages the cooking.

Next Steps

  • Video Breakdown:
    1. Set up a local version of Hasura.
    2. Create the project and track metadata changes.
    3. Connect to GitHub for CI/CD deployment to the cloud.
    4. Link to a Vercel project also tied to GitHub CI/CD.
  • Aim: Trigger changes and publish in a versioned manner via GitHub actions.

Conclusion

  • Upcoming videos will layer features onto the pizza management system.
  • Looking forward to demonstrating the power of the platform as we progress.