An open API service indexing awesome lists of open source software.

https://github.com/tokku5552/todoapp-nextjs-ts

TodoApp sample with next.js/TypeScript
https://github.com/tokku5552/todoapp-nextjs-ts

docker firebase nextjs typescript

Last synced: 2 months ago
JSON representation

TodoApp sample with next.js/TypeScript

Awesome Lists containing this project

README

          

# TodoApp sample Next.js/TypeScript

```
npx create-next-app todoapp --example with-typescript
```

# packages

```
npm install --save firebase
npm install --save swr
npm install --save react-loader-spinner
npm install --save @chakra-ui/react @emotion/react @emotion/styled framer-motion @chakra-ui/icons
```

# setting firebase

```
firebase login
firebase init
```

# コマンド集

- コンテナを起動するとき

```
docker-compose up
docker-compose run -p 3000:3000 -p 4000:4000 -p 5000:5000 -p 5001:5001 -p 8080:8080 -p 9005:9005 node-container /bin/bash
docker-compose run -p 3000:3000 -p 4000:4000 -p 5000:5000 -p 5001:5001 -p 8080:8080 -p 9005:9005 node-container npm run dev
```

- 起動済みのコンテナに接続するとき

```
docker ps
docker exec -it /bin/bash
docker exec -it "$(docker ps -qf "name=node-container")" /bin/bash
docker exec -it "$(docker ps -qf "name=node-container")" npm run dev
```

- コンテナを停止するとき

```
docker-compose down
docker-compose down --rmi all
```

- リポジトリからクローンしてきたとき

```
npm install
```

- ローカルでのサーバ立ち上げ

```
npm run dev
```

- デプロイ

```
npm run deploy
```