はじめに
今回、
Vite（React)＋Go（サーバーサイド）＋AWS（インフラ） を使って、
フロントエンド・バックエンド・インフラすべてを一人で構築してみた記録です。
私自身プログラミングスクールに通い、半年勉強したが、結局、学べたのはReactのみ、、
実際にデプロイして、みたいなのはやったことがなかった。
同じように「全部自分でやってみたい」と思っている方に向けて、
備忘録的にもまとめておきます！
できたHP
https://run4learning.com/
使用技術
• フロントエンド：Vite + React
• バックエンド：Go（Golang）
• インフラ：AWS EC2 S3 Route53、Let’s Encrypt（SSL証明書）
開発手順ざっくりまとめ
- フロントエンド（Vite + React）
- ViteでReactプロジェクト作成
- axiosでAPI通信部分を実装
- CORSエラー対策をしながらサーバーと連携
２. バックエンド（Go）
- GoでREST APIサーバー作成
- データベース接続（MySQL）
- APIエンドポイントの実装
- ログイン認証
３.インフラ（AWS）
- EC2インスタンス立ち上げ（Amazon Linux2）
- ドメイン設定（Route53）
- Goサーバーをsystemdで管理（myblog.service作成）
- Let’s EncryptでSSL証明書取得
- HTTPS通信に対応（443ポート対応）
４. その他 セキュリティ諸々
総括
基本的にはChatGPTと共に制作したが、とってもいい。学習にもなる。
まずはハンズオンで進めて正解だったなと感じた。
詳しい制作過程は次回以降に随時配信していく。
途中で作ってみたくなったアーキテクチャ図 あっているかわわからないが、作ってみたくなった。
