mirror of
https://github.com/kou029w/hasura-rest-hands-on.git
synced 2025-01-18 16:08:14 +00:00
28 lines
1.2 KiB
Markdown
28 lines
1.2 KiB
Markdown
# Hasuraで作るREST API
|
|
|
|
[Hasura](https://hasura.io/)を使用してPostgresデータベースに接続したREST APIを構築し、それを利用したWebアプリを作成します。
|
|
|
|
これからこのハンズオンで作成するのは次のようなWebアプリです。
|
|
|
|
<iframe
|
|
src="https://codesandbox.io/embed/github/kou029w/hasura-rest-hands-on/tree/main/frontend?codemirror=1&hidenavigation=1&view=preview&module=/src/App.vue"
|
|
style="
|
|
width: 100%;
|
|
height: 500px;
|
|
border: 0;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
"
|
|
title="vue3-hasura-rest"
|
|
sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
|
|
></iframe>
|
|
|
|
構成としては下記の通りです。
|
|
|
|
- [Hasura Cloud](https://cloud.hasura.io/) - すぐに利用可能なHasuraの環境
|
|
- [Heroku Postgres](https://jp.heroku.com/postgres) - すぐに利用可能なデータベース
|
|
- [CodeSandbox](https://codesandbox.io/) (あるいは、[StackBlitz](https://stackblitz.com/)) - フロントエンドのオンライン開発環境
|
|
- [Vue 3](https://vuejs.org/) - プログレッシブWebフレームワーク
|
|
- [Quill](https://quilljs.com/) - リッチテキストエディター
|
|
|
|
それではさっそく作っていきましょう!
|