SPA化したデータベース（mysql）のサイトをアップロードするにはどうすればいいですか？

node.js/mysql, javascript/react,でSPA化したウェブサイトをアップロードしたいのですがどうすればできるのでしょうか？
githubにアップロードできるといいのですが可能でしょうか？
reactはcreat react appを使っているので余計にわからなくなっています＞＜
フォルダは
・サーバーフォルダはｊindex.jsファイルのみ
・フロントフォルダはcreat react appの生成ファイルとapp.js,index.js,app.cssの三つを編集しました。

また、index.htmlはcreat react appのテンプレートのindex.htmlファイルではなく、新たにindex.html をフロントフォルダに作成してid="root"でapp.js→index.js→index.htmlとapp.jsのファイルを反映させようとしたのですが反映しません。相対パスが間違っているのでしょうか？

わかりにくくてすみません。
できるだけ質問に答えるのでご教示いただけると幸いです。

hoshi-takanori

2021/05/17 16:23

「githubにアップロード」というのは、ソースを公開したいということですか？それとも、GitHub 上でそのサイトを動かしたいということですか？

kosuke519

2021/05/17 16:27

コメントありがとうございます！サイト上で動かしたいと言うことです！言葉足らずで申し訳ありません。

hoshi-takanori

2021/05/17 16:31

フロントエンドはビルドすれば静的ファイルになるので GitHub Pages でも公開できますが、サーバーサイドは node.js や MySQL が動くサーバーを用意する必要がありますね。

kosuke519

2021/05/18 10:53

サーバーサイドは別に用意しなきゃいけないんですね！ありがとうございますm(_ _)m

行動規範の内容に同意します

回答2件

ベストアンサー

典型的なseerver-clientモデルかと思います。

DB: mysqlないし互換のあるDB(mariadbなど)

server side: node.js

client side: react

このうち、DBそのものと、それを叩くserver sideたるnode.jsは当然それぞれ何かしらのサーバーで動かす必要があります。一般にはなにかしらのVPSかMySQL Database ServiceのようなPaaS、Google Compute Engineのような従量課金制のIaaSに建てることになると思います。

client sideのreactはgithub pagesでもデプロイできます。

clientがリクエストを投げるエンドポイント(URL)は正しいか、server sideからDBへの接続は正しいか確認しましょう。

投稿2021/05/17 23:30