Webアプリ作成チュートリアル

バックエンドにFastAPI、フロントエンドにNuxt3、データベースにMySQLを利用した、モダンなWebアプリのチュートリアルです。

※ tutorial/ 配下にチャプターごとにディレクトリが切ってあります。

完成形

完成形を動かしてみましょう

※ dockerを事前にインストールしておいてください

git clone https://github.com/ng3rdstmadgke/web-tutorial.git
cd web-tutorial

ローカルデータベースの起動

./bin/mysql.sh

データベースの初期化

# 開発shellにログイン
./bin/run.sh chapter11 -m shell --sample

# DBの初期化
./bin/init-database.sh

# 開発shellからログアウト
exit

アプリの起動

# アプリの起動
./bin/run.sh chapter11 -m shell --sample

アプリが起動したら http://localhost:3000/ にアクセスしてみましょう。

下記ユーザーでログイン可能です。

Username: sys_admin
Password: admin

Name		Name	Last commit message	Last commit date
Latest commit History 137 Commits
bin		bin
docker		docker
docs/img		docs/img
tutorial		tutorial
.dockerignore		.dockerignore
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
local.env		local.env
requirements.txt		requirements.txt