mirror of
https://github.com/kou029w/hasura-rest-hands-on.git
synced 2025-01-19 00:18:08 +00:00
18 lines
1.2 KiB
Markdown
18 lines
1.2 KiB
Markdown
# Vueアプリケーションの作成
|
|
|
|
[](https://stackblitz.com/github/kou029w/hasura-rest-hands-on/tree/main/frontend?terminal=dev&file=src/App.vue)
|
|
[](https://codesandbox.io/s/github/kou029w/hasura-rest-hands-on/tree/main/frontend?file=/src/App.vue)
|
|
|
|
いずれかのリンクにアクセスし、Vueアプリケーションを作成します。
|
|
|
|
なお、URLに含まれる `memo-demo` は、Hasura Cloudプロジェクト名によって異なるので、適宜自分の作成したプロジェクトに合わせて読み替えてください。
|
|
|
|
```vue
|
|
{{#include ../frontend/src/App.vue}}
|
|
```
|
|
|
|
Hasuraのコンソールにアクセスすると、実際にデータが更新されていることを確認できます。
|
|
|
|
|
|
|
|
Hasuraを使用してPostgresデータベースに接続したREST APIを構築し、それを利用したWebアプリを作成できました🎉
|