2021-07-16 22:11:10 +09:00
|
|
|
# Hasuraで作るREST API
|
|
|
|
|
|
2021-07-25 11:26:57 +09:00
|
|
|
[Hasura](https://hasura.io/)を使用してPostgresデータベースに接続したREST APIを構築し、それを利用したWebアプリを作成します。
|
2021-07-16 22:11:10 +09:00
|
|
|
|
2021-07-20 21:06:36 +09:00
|
|
|
これからこのハンズオンで作成するのは次のようなWebアプリです。
|
|
|
|
|
|
|
|
|
|
<iframe
|
2022-08-01 21:20:47 +09:00
|
|
|
src="https://stackblitz.com/github/kou029w/hasura-rest-hands-on/tree/main/frontend?embed=1&view=preview&terminal=dev&file=src/App.vue"
|
2021-07-20 21:06:36 +09:00
|
|
|
style="
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 500px;
|
|
|
|
|
border: 0;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
"
|
|
|
|
|
title="vue3-hasura-rest"
|
|
|
|
|
></iframe>
|
|
|
|
|
|
|
|
|
|
構成としては下記の通りです。
|
|
|
|
|
|
|
|
|
|
- [Hasura Cloud](https://cloud.hasura.io/) - すぐに利用可能なHasuraの環境
|
2023-03-08 18:35:30 +09:00
|
|
|
- [StackBlitz](https://stackblitz.com/) - フロントエンドのオンライン開発環境
|
2022-02-28 14:54:29 +09:00
|
|
|
- [Vue 3](https://vuejs.org/) - プログレッシブWebフレームワーク
|
2021-07-20 21:06:36 +09:00
|
|
|
- [Quill](https://quilljs.com/) - リッチテキストエディター
|
|
|
|
|
|
|
|
|
|
それではさっそく作っていきましょう!
|
