README.md

クライアント (フロントエンド) 構成

このディレクトリは React.js を使ったフロントエンドの実装。

目次

• クライアント (フロントエンド) 構成
  • 目次
  • 1. 構成
  • 2.セットアップ
  • 3.開発環境
  • 4.ビルド

1. 構成

project/
│
├── client/
│   ├── package.json
│   ├── index.html
│   ├── src/
│   │  ├── index.tsx
│   │  ├── App.tsx
│   │  ├── components/
│   │  ├── pages/
│   │  ├── routes/
│   │  ├── lib/
│   │  └── styles/
│   ├── test_data/
│   └── README.md

2.セットアップ

npm create vite@latest client -- --template react-ts
cd client
npm install

3.開発環境

  npm run dev

4.ビルド

  cd shared && npm run build && cd ../client && npm install && npm run build

生成されたファイルは dist/ディレクトリに出力される