Vueアプリケーションの作成

このリンクからCodeSandboxにアクセスし、Vueアプリケーションを作成します。

なお、URLに含まれる memo-demo は、Hasura Cloudプロジェクト名によって異なるので、適宜自分の作成したプロジェクトに合わせて読み替えてください。

{{#include ../frontend/src/App.vue}}

Hasuraのコンソールにアクセスすると、実際にデータが更新されていることを確認することが可能です。

Hasuraを使用してPostgresデータベースに接続したREST APIを構築し、それを利用したWebアプリを作成しました。いかがでしたか。

このハンズオンは以上です。もし質問や提案、問題などあればGitHub Issuesにてお気軽にご報告ください。