GitHubPagesをフロントに使うときのWebAPIについて

知りたいこと

今個人開発で簡単なToDoリストを作っています。

フロント：GitHubPages(React)
バックエンド：Render（Flask+SQlite)

フロントとバックエンド間はAPIで繋げています。

この場合に、フロント⇔バックエンド間においてセキュリティ面など気を付けることなどはありますでしょうか？
特に、気になるのはGitHubPagesだと環境変数の設定などが出来ないのでAPIのURLが丸裸になってしまっていることです。

背景、状況

質問するに至った経緯と致しましては、当方開発を始めたばかりの初心者であり、APIに関してもあまり知識がない状態です。
なんとかデプロイをしたい！と辿り着いた先がこの構成でした。
そのため、これよりも簡単な方法があるよ！などありましたら知りたいです。

よろしくお願い致します。