Hasura GraphQL 104 | Deploy to Heroku

Опубликовано: 18 Май 2026
на канале: Creative Bracket • Dart and Flutter Tutorials
2,073
55

In this tutorial we will deploy our Hasura GraphQL backend to Heroku. We will create the Dockerfile and heroku.yml files which are needed for container deployments. We will create a Heroku app via the terminal and install the official PostgreSQL add-on for database support. We will make our first deployment and add an admin secret for logging into our dashboard. We will also see how to launch our dashboard locally and disable direct access via the Heroku app url. We will perform a pg_dump of our current database schema and apply that on our Heroku instance. We will finish off by connecting our Flutter app to our newly deployed Hasura instance.

=== Contents of this video ===

00:00 Intro
00:23 Setting up Dockerfile and heroku.yml
01:22 Set up Heroku app with Postgres add-on
02:20 Commit and deploy to Heroku
03:32 Add Authentication via admin secret
04:51 Setup migrations with Hasura CLI
06:46 Perform database schema dump with pg_dump via REST
08:17 Apply schema dump to Heroku app instance
09:43 Set up .env file for Hasura CLI
11:02 Launch Hasura console with —envfile flag
11:25 Add .env file to .gitignore (IMPORTANT!)
12:17 Disable console access for Heroku app
13:11 Configure enabled APIs on Heroku app
14:15 Connect to Heroku app from Flutter client
17:33 Outro

Please leave us your feedback in the comments, and let us know what you would like us to demonstrate next! You can reach out in the comments below or on Twitter using #Hasura #Heroku #PostgreSQL #Dartlang

Like, Subscribe and Hit the Bell 🔔 if you enjoyed this video 😍

Get the source code → https://github.com/graphicbeacon/reci...
Hasura Heroku setup → https://github.com/hasura/graphql-eng...

Hasura deploy via Heroku CLI → https://hasura.io/docs/1.0/graphql/co...
Hasura CLI docs → https://hasura.io/docs/1.0/graphql/co...
PG Dump API Reference → https://hasura.io/docs/1.0/graphql/co...

Get started with Dart course → https://bit.ly/getstartedwithdart
Dart docs → https://dart.dev

Subscribe to the channel → http://bit.ly/2P2N1j
Read More Dart Tutorials → https://creativebracket.com
Buy me a coffee → https://ko-fi.com/creativebracket

LET'S CONNECT
---
Twitter →   / creativ_bracket  
Support the channel →   / creativebracket