---
# System prepended metadata

title: 前後端環境

---

前後端環境
=

# 前端
- [React](https://zh-hant.reactjs.org/docs/hello-world.html)
- [Nextjs](https://nextjs.org/)
- [Material-UI](https://material-ui.com/)
- (補) [Ant Design](https://ant.design/)

React / Nextjs 部份應該是學習成本會付出比較多的一塊，可以先看React弄懂以下核心觀念
- Props and States
- Function Component (FC)
- Component Lifecycle
- React hooks (重要)

# 後端
- [Nestjs](https://nestjs.com/)
- [Mongodb](https://www.mongodb.com/)

這次後端應該相較前端單純，除了mongodb需要一段時間熟悉外只要邊學邊寫應該都沒太大問題。

# 開發環境(請安裝)
- Nodejs
- yarn or npm (Nodejs有附npm)
- MongoDB
- Docker (optional)
- VSCode或任何你熟悉的IDE