Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/caru-ini/magnito-study
https://github.com/caru-ini/magnito-study
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/caru-ini/magnito-study
- Owner: caru-ini
- License: mit
- Created: 2024-05-21T07:25:00.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-05-22T14:32:41.000Z (7 months ago)
- Last Synced: 2024-05-22T15:50:31.420Z (7 months ago)
- Language: TypeScript
- Size: 2.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Magnito
フロントエンドは client ディレクトリの [Next.js](https://nextjs.org/) 、バックエンドは server ディレクトリの [frourio](https://frourio.com/) で構築された TypeScript で一気通貫開発が可能なモノレポサービス
最新のコミットによるデモ - https://solufa.github.io/next-frourio-starter/
## 開発手順
### Node.js のインストール
ローカルマシンに直接インストールする
https://nodejs.org/ja/ の左ボタン、LTS をダウンロードしてインストール
### npm モジュールのインストール
ルートとフロントとバックエンドそれぞれに package.json があるので 3 回インストールが必要
```sh
$ npm i
$ npm i --prefix client
$ npm i --prefix server
```### 環境変数ファイルの作成
```sh
$ cp server/.env.example server/.env
```### ミドルウェアのセットアップ
```sh
$ docker compose up -d
```### 開発サーバー起動
次回以降は以下のコマンドだけで開発できる
```sh
$ npm run notios
```Web ブラウザで http://localhost:3000 を開く
開発時のターミナル表示は [notios](https://github.com/frouriojs/notios) で制御している
[Node.js モノレポ開発のターミナルログ混雑解消のための新作 CLI ツール notios](https://zenn.dev/luma/articles/nodejs-new-cli-tool-notios)
閉じるときは `Ctrl + C` を 2 回連続で入力
### SMTPサーバー
Docker の Inbucket が SMTP サーバーのスタブを提供している
http://localhost:9000/
serverからsendMailするとInbucketヘッダー中央の「Recent Mailboxes」に仮想メールが届く