> For the complete documentation index, see [llms.txt](https://pond-3.gitbook.io/pond-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://pond-3.gitbook.io/pond-docs/8-fronend/backend-fronend.md).

# ทำให้ backend เเละ fronend ทำงานพร้อมกัน

ให้ไปที่โฟลเดอร์หลักที่มี `backend/` และ `Frontend/`

```shellscript
cd /root/iotdevops
npm init -y
npm install concurrently --save-dev

/root/iotdevops code . #เข้ามาเเก้ไข package.json
```

เปิด `/root/iotdevops/package.json`

```javascript
{
  "name": "iotdevops",
  "private": true,
  "scripts": {
    "dev": "concurrently \"npm run dev:backend\" \"npm run dev:frontend\"",
    "dev:backend": "cd backend && node server.js",
    "dev:frontend": "cd Frontend/appvue && npm run dev"
  },
  "devDependencies": {
    "concurrently": "^8.2.0"
  }
}

```

เเค่นี้เราก็จะสามารถรันทั้งสอง folder รันด้วยคำสั่งเดียว 

```shellscript
npm run dev
```

<div align="left"><figure><img src="/files/8AJ7Phm2oqu4iQCd4GSY" alt=""><figcaption></figcaption></figure></div>

> ถ้าได้เเบบนี้ก็พร้อมที่จะ Deploy