お世話になります。
Shopify公式が出しております、こちらの
https://github.com/Shopify/product-reviews-sample-app
サンプルコードを参考にして似たようなアプリを作成しています。
その中で入力フォームは完成させることが出来ましたが、入力内容を表示させる方法がいまいちわかりません。
アプリの中で入力内容を保存するDBはどういう風に作るのが一般的なのでしょうか。
検索をかけたところ事例もなく、困っている状態です。
よろしくお願いいたします。
Topic summary
Shopifyの公式サンプルコード（product-reviews-sample-app）を参考にアプリ開発中、フォームで入力した内容をデータベースに保存・表示する方法について質問が投稿されました。
提供された解決策：
- 一般的にはMySQLやPostgreSQLが使用される
- 開発時：DockerでローカルにDB作成
- リリース時：AWS等でDB作成
具体的な実装方法：
- Next.js × Koaの構成のため、Next.jsのAPI Routes機能とPrisma（JavaScriptでDB操作できるライブラリ）の使用を推奨
- 実装手順：
pages/api/create.jsを作成- クライアント側のフォームからPOSTリクエストを送信
- Prismaでデータベースに保存処理を記述
参考リンクとして、Prisma公式ドキュメントや関連記事が提示されました。質問者は回答に感謝し、提供された情報を参考に構築を進める意向を示しています。
Daikussi 様
お世話になっております。
フルバランスの道家と申します。
ご質問確認いたしました。
DBの情報って少ないですよね。
一般的には、DBはMySQLやPostgreSQLが使用されている印象です。
DBについては、
アプリ開発時は、dockerでMySQL等をローカルに作成し、接続しています。
アプリリリース時は、AWS等でMySQL等を作成し、接続しています。
貼付いただいているソースコードを見ると、Next.js × Koaなので、
Next.jsのAPI Routesという機能とprisma（jsでDBとやり取りできるライブラリ）を使用すればよいかと思います。
prisma公式 https://www.prisma.io/nextjs
以下、DB保存処理の一例になります。
①pages/api/create.jsを作成し、prismaでDBにデータを保存するコードを書く
②クライアント側の入力フォームから/api/createにPOSTリクエストを送る
こちらのサイトがご参考になるかと思います。
https://omkz.net/next-js-prisma/(prismaの設定に役立つと思います。)
https://zenn.dev/mizchi/articles/1c35fdcc77065c02f631（少し古いですが、上記①②の処理がわかりやすいと思います。）
長々と書いてしまいましたが、なにかヒントになれば幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
フルバランス 道家
フルバランス道家様
お世話になっております。
質問に回答いただきありがとうございます。
DBの情報が全くなく、困っていたのでとても助かりました！
教えて頂いた内容を参考にして構築してみたいと思います。
また質問することがあるかと思いますが、何卒よろしくお願いいたします。