---
title: "แอปเว็บและแดชบอร์ด: สิ่งที่ Briks สร้างได้ในวันนี้ | Briks"
url: https://briks.dev/th/docs/web-apps-and-dashboards
description: "เครื่องมือสร้างแอปและแดชบอร์ดด้วย AI: สิ่งที่สร้างได้ ข้อมูลเก็บที่ไหน อะไรที่ยังไม่มี พร้อมตัวอย่างการจอง สต็อก และออเดอร์ของคาเฟ่"
last_updated: 2026-10-08
---

# แอปเว็บและแดชบอร์ด: สิ่งที่ Briks สร้างได้ในวันนี้

นอกจากเว็บไซต์แล้ว **New project** ยังมี **App** และ **Dashboard** ให้เลือก หน้านี้อธิบายว่าแต่ละแบบสร้างอะไรได้ในปัจจุบัน ข้อมูลอยู่ที่ใด และอะไรที่ยังไม่พร้อมใช้งาน จากนั้นพาไปดูสามโปรเจกต์: แอปคำขอจอง ระบบติดตามสต็อก และแดชบอร์ดออเดอร์ของคาเฟ่

อ่าน 9 นาทีตรวจเทียบกับสตูดิโอเมื่อ 8 ตุลาคม 2569

## สามประเภท

| ประเภท | New project อธิบายไว้อย่างไร | สิ่งที่สร้างได้ในปัจจุบัน |
| --- | --- | --- |
| **Website** | หน้าที่ผู้คนเข้าชม เช่น ร้านค้า คลินิก ร้านอาหาร พอร์ตโฟลิโอ | หน้าที่ออกแบบแล้วพร้อมรูปภาพและการเคลื่อนไหว ครอบคลุมในส่วน Building ตั้งแต่ [เริ่มโปรเจกต์ใหม่](https://briks.dev/th/docs/new-project) |
| **App** | สิ่งที่ผู้คนลงชื่อเข้าใช้: พอร์ทัลลูกค้า เครื่องมือจองคิว | เว็บไซต์ที่มีส่วนทำงานได้จริง: ฟอร์มที่บันทึกข้อมูล ระเบียนที่คุณจัดการได้ หน้าและรายการที่สร้างจากระเบียนเหล่านั้น และการค้นหา |
| **Dashboard** | ตัวเลขที่ทีมคอยติดตาม: ยอดขายตามขั้นตอน สต็อกที่ต้องสั่งเพิ่ม | หน้าจอสำหรับงานประจำวัน: การนำทาง ตัวเลขสำคัญ แผนภูมิ ตาราง รายละเอียดข้อมูล แบบฟอร์ม และการตั้งค่า |

การลงชื่อเข้าใช้และการชำระเงิน

ขอระบบบัญชี แอปของคุณก็จะมีการสมัครและลงชื่อเข้าใช้สำหรับผู้ใช้ของแอปเองด้วยอีเมลและรหัสผ่าน พร้อม Google และผู้ให้บริการอีกเจ็ดรายที่เปิดใช้ได้ด้วยคีย์ของคุณเอง แอปยังรับชำระเงินครั้งเดียวและการสมัครสมาชิกผ่านผู้ให้บริการของคุณเองได้ด้วย ทั้งสองอย่างตั้งค่าใน **Settings** ของโปรเจกต์: ดู [การลงชื่อเข้าใช้และการชำระเงิน](https://briks.dev/th/docs/sign-in-and-payments) ระบบจัดส่งสร้างไว้ในแอปเมื่อคุณขอ โดยใช้บัญชีรับชำระเงินของคุณเอง และคีย์ถูกบันทึกไว้ใน [Secrets](https://briks.dev/th/docs/secrets)

## เริ่มแอปหรือแดชบอร์ด

1. เลือกประเภท

   ที่ไหน: New project

   คลิก **New project** ในแถบด้านข้าง เลือก **App** หรือ **Dashboard** ตั้งชื่อ แล้วคลิก **Next**

2. บอกว่าต้องเก็บอะไรไว้

   ที่ไหน: Describe it

   อธิบายว่าใครใช้และทำอะไร ระบุสิ่งที่ต้องจัดเก็บ ข้อมูลแต่ละระเบียนมีอะไร และใครเป็นผู้อัปเดต สำหรับแดชบอร์ด **Start from an example** มี **Sales pipeline** และ **Stock levels** เป็นจุดเริ่มต้น

3. เลือกจุดแวะ

   ที่ไหน: How it is built

   แอปมีตัวเลือกเดียวกับเว็บไซต์ สำหรับแดชบอร์ด ขั้นตอนนี้จะแจ้งว่า “A dashboard builds straight through, with no words to approve and no look or hero to choose.”

4. สร้างเลย

   ที่ไหน: Review and create

   คลิก **Build it** เวอร์ชันแรกใช้เวลาไม่กี่นาที และคุณ [ดูการสร้างได้แบบเรียลไทม์](https://briks.dev/th/docs/watching-a-build)

5. ตรวจสอบเรคคอร์ด

   ที่ไหน: Database

   เมื่อเผยแพร่แล้ว ให้เปิดแท็บ **Database** เพื่อดูแต่ละคอลเลกชันและระเบียนในนั้น

## สิ่งที่แอปทำได้ในปัจจุบัน

แอปถูกวางแผนและสร้างเหมือนเว็บไซต์ โดยมี[คำถามก่อนสร้าง](https://briks.dev/th/docs/questions-before-building) [จุดขออนุมัติ](https://briks.dev/th/docs/approval-steps) และ [บอร์ดลุค](https://briks.dev/th/docs/pick-a-look) แบบเดียวกัน เมื่อคำอธิบายของคุณขอให้เก็บบางอย่าง แอปจะได้เพิ่มด้วย:

- **ฐานข้อมูลของตัวเอง** สร้างให้คุณในสหภาพยุโรปเมื่อการสร้างเริ่มจัดเก็บข้อมูลครั้งแรก เช่น การจอง สินค้า กิจกรรม คำสอบถาม หรือโพสต์
- **ฟอร์มที่บันทึกข้อมูล** ฟอร์มมาตรฐานเก็บแต่ละรายการไว้ที่ **Settings**, **Forms** และส่งอีเมลถึงคุณเมื่อเว็บไซต์อยู่ในเวอร์ชันใช้งานจริง หรือจะให้ฟอร์มบันทึกแต่ละรายการเป็นเรกคอร์ดก็ได้ ซึ่งคุณหาเจอ แก้ไข และเปลี่ยนรายละเอียดได้ภายหลัง ระบุเรื่องนี้ในคำอธิบายของคุณ
- **หน้าเว็บที่สร้างจากระเบียน** หน้ารายการและหน้าของแต่ละระเบียน ทำให้ทุกกิจกรรมหรือสินค้าเป็นหน้าเว็บจริงที่เสิร์ชเอนจินค้นหาเจอ หลังระเบียนเปลี่ยน เว็บไซต์ที่เผยแพร่จะอัปเดตตามภายในไม่กี่นาที
- **Search** ในสิ่งที่เก็บไว้ เมื่อคุณขอ
- **บัญชีผู้ใช้และการชำระเงิน** เมื่อคุณขอ: การสมัครและเข้าสู่ระบบสำหรับผู้ใช้ของเว็บไซต์เอง การชำระเงินครั้งเดียวและการสมัครสมาชิกผ่านผู้ให้บริการชำระเงินของคุณเอง รวมถึงการจัดส่งหรือสต็อกที่สร้างด้วยบัญชีชำระเงินของคุณเอง ดู [การเข้าสู่ระบบและการชำระเงิน](https://briks.dev/th/docs/sign-in-and-payments)
- **บริการของคุณเองที่ใช้คีย์ของคุณ** เช่น รายชื่ออีเมล ระบบ CRM หรือสเปรดชีต ให้ขอเป็นการเปลี่ยนแปลงหลังจากเผยแพร่เว็บไซต์แล้ว Briks จะขอคีย์ก่อน โดยมีช่องที่บันทึกคีย์ลงใน [Secrets](https://briks.dev/th/docs/secrets) ทันที และโค้ดฝั่งเซิร์ฟเวอร์ของเว็บไซต์จะเรียกใช้บริการด้วยคีย์นั้น หน้าเว็บในเบราว์เซอร์ของผู้เข้าชมจะไม่เรียกที่อยู่อื่นโดยตรง ดู[คำถามก่อนการสร้าง](https://briks.dev/th/docs/questions-before-building#keys)

ก่อนเผยแพร่เว็บไซต์ที่มีโค้ดทำงานแบบนี้ Briks จะอ่านโค้ดเพื่อหาช่องโหว่ด้านความปลอดภัย เช่น คีย์ที่เขียนไว้ในไฟล์ การบันทึกข้อมูลโดยไม่มีขีดจำกัด การอ่านข้อมูลของสมาชิกโดยไม่มีใครลงชื่อเข้าใช้ และการสืบค้นฐานข้อมูลที่ประกอบขึ้นจากข้อความ

## แดชบอร์ดคืออะไร

แดชบอร์ดถูกสร้างเป็นหน้าจอที่ผู้คนใช้ทำงานทุกวัน ไม่ใช่หน้าที่เลื่อนอ่าน คุณจะได้:

- โครงที่มีการนำทางอยู่ด้านข้าง เป็นแถบไอคอนแบบเรียว หรืออยู่ด้านบน พร้อมแถบด้านบน
- ส่วนหัวในแต่ละหน้าจอ ประกอบด้วยชื่อหน้า คำอธิบายสั้นๆ และการดำเนินการหลัก
- ตัวเลขสำคัญสามถึงห้าตัว แผนภูมิพร้อมหน่วยและป้ายกำกับ และตารางที่มีการค้นหา ตัวกรอง การเรียงลำดับ และการแบ่งหน้า
- หน้ารายละเอียดข้อมูล ฟอร์ม และหน้าการตั้งค่า ตามที่คำอธิบายของคุณต้องการ
- บนโทรศัพท์ การนำทางด้านข้างจะกลายเป็นเมนู และตัวเลขจะเรียงสองรายการต่อแถว แล้วเหลือหนึ่งรายการต่อแถว

ไม่มี hero ไม่มีพาดหัวการตลาด ไม่มีแอนิเมชันตามการเลื่อน และไม่สร้างรูปภาพ แดชบอร์ดยังข้ามคำถามก่อนสร้างและจุดขออนุมัติ โดยสร้างจากคำอธิบายของคุณทันที

### ตัวเลขมาจากไหน

แดชบอร์ดเก็บระเบียนไว้ในฐานข้อมูลของโปรเจกต์ โดยมีตารางสำหรับระเบียนแต่ละประเภทที่หน้าจอของแดชบอร์ดแสดง เวอร์ชันแรกเติมระเบียนตัวอย่างที่สมจริงและสอดคล้องกัน สินค้า ราคา และบุคคลที่คำอธิบายของคุณระบุไว้จะกลายเป็นระเบียน ส่วนบุคคลอื่นจะใช้ชื่อที่สมมติขึ้น ตาราง แผนภูมิ และตัวเลขสำคัญอ่านจากระเบียนเหล่านั้น ยอดรวมทุกค่าคำนวณจากแถวข้อมูล และแบบฟอร์มที่เพิ่มหรือแก้ไขระเบียนจะบันทึกลงไป หน้าเข้าสู่ระบบใช้งานได้จริง: ขณะเป็นพรีวิว ใครมีที่อยู่ก็เปิดดูได้ และเมื่อเผยแพร่เป็นเวอร์ชันใช้งานจริงแล้ว เฉพาะบัญชี **Staff** และ **Admin** ที่เข้าสู่ระบบแล้วเท่านั้นที่เห็นข้อมูล สมัครด้วยอีเมลที่คุณใช้ในสตูดิโอเพื่อเป็น Admin ของแดชบอร์ดนั้น

หากต้องการกำหนดรูปแบบข้อมูล ให้ระบุในคำอธิบายว่าเก็บอะไร แต่ละรายการมีอะไรบ้าง และใครเป็นผู้อัปเดต คุณแก้ไขข้อมูลได้ในแท็บ **Database** แล้วหน้าจอจะปรับตาม

## ข้อมูลของคุณในแท็บ Database

เมื่อโปรเจกต์มีฐานข้อมูลแล้ว แท็บ **Database** จะมีห้ามุมมอง ได้แก่ **Data**, **Accounts**, **Orders**, **Subscriptions** และ **Settings** Owner และ Admin จะเห็นแท็บนี้ก่อนหน้านั้นด้วย พร้อม **Create database**

ที่ไหน

1. Projects
2. Your project
3. Database
4. Data

- **Data** แสดงแต่ละคอลเลกชันพร้อมจำนวนเรคคอร์ดที่มี Owner, Admin และ Editor เปิด แก้ไข และลบเรคคอร์ดได้ “การเปลี่ยนแปลงจะไปถึงเว็บไซต์ที่เผยแพร่ภายในไม่กี่นาที”
- **Accounts** แสดงรายชื่อผู้ที่สร้างบัญชีบนเว็บไซต์ ซึ่งคุณกำหนดบทบาทของแต่ละคนเป็น **Member**, **Staff** หรือ **Admin** ได้ **Orders** แสดงสิ่งที่เว็บไซต์ขายผ่านผู้ให้บริการชำระเงินของคุณเอง และ **Subscriptions** แสดงสมาชิกที่จ่ายค่าแพ็กเกจแบบต่ออายุ Accounts และ Orders จะแสดงข้อความ **No accounts yet** หรือ **No orders yet** จนกว่าจะมีรายการแรกเข้ามา
- **Settings** มีการดาวน์โหลด (สูงสุด 50,000 เรคคอร์ดต่อคอลเลกชัน เป็นสเปรดชีตหรือ JSON) จุดคืนค่า และสำเนารายคืน การดาวน์โหลดและสำเนารายคืนมีให้ในแผนแบบชำระเงิน

[ฐานข้อมูล](https://briks.dev/th/docs/database) อธิบายเรื่องระเบียนอย่างครบถ้วน และ [การสำรองข้อมูล](https://briks.dev/th/docs/backups) อธิบายเรื่องสำเนาและการกู้คืน

## งานตามกำหนดเวลาและเว็บฮุก

สองส่วนใน **Settings** ของโปรเจกต์ ในกลุ่ม **Developer** ช่วยให้แอปทำงานตามตารางเวลา หรือแจ้งซอฟต์แวร์อื่นว่าเกิดอะไรขึ้น

- **งานตามกำหนดเวลา** เรียกที่อยู่ตามตารางเวลาที่คุณเลือก เช่น **Every day at 09:00** หรือ **Mondays at 09:00** จะเป็นที่อยู่ของแอปคุณเองที่ขึ้นต้นด้วย `/api/` หรือที่อยู่อื่นก็ได้ แอปของคุณต้องมีที่อยู่นั้นก่อน จึงให้ขอเป็นการเปลี่ยนแปลง ดู [งานตามกำหนดเวลา](https://briks.dev/th/docs/crons)
- **Webhooks** ส่งข้อความไปยังที่อยู่อื่นเมื่อมีเหตุการณ์เกิดขึ้น: **Published**, **Form received** หรือ **Record changed** ดู [Webhooks](https://briks.dev/th/docs/webhooks)

| แพ็กเกจ | งานตามกำหนดเวลาต่อโปรเจกต์ | เว็บฮุกต่อโปรเจกต์ |
| --- | --- | --- |
| Free | 1 | 1 |
| Starter | 5 | 5 |
| Pro | 10 | 10 |
| Studio | 25 | 25 |
| Agency | 50 | 50 |

## สิ่งที่ยังไม่มีให้ใช้

- แพ็กเกจที่ต่ออายุผ่าน PayPal, Mollie, Razorpay, Creem หรือ Dodo Payments: ตอนนี้ผู้ให้บริการเหล่านี้รับได้เฉพาะการชำระเงินครั้งเดียว การสมัครสมาชิกใช้ได้ผ่าน Stripe, Paddle, Polar หรือ Lemon Squeezy
- การส่งออกรายการจากแบบฟอร์มใน **Forms** ส่วนระเบียนในฐานข้อมูลดาวน์โหลดได้ในแพลนแบบชำระเงิน
- อีเมลจากโดเมนของคุณเอง [อีเมลเว็บไซต์](https://briks.dev/th/docs/site-email) ส่งจากที่อยู่ของโครงการคุณเองที่ emails.briks.live
- API สาธารณะ เซิร์ฟเวอร์ MCP หรือบรรทัดคำสั่งสำหรับ Briks เอง

ซอฟต์แวร์อื่นยังเชื่อมต่อได้สามวิธี: เว็บฮุกส่งเหตุการณ์ออกไป งานตามกำหนดเวลาเรียกที่อยู่ปลายทางตามตารางเวลา และการเปลี่ยนแปลงสามารถเชื่อมต่อบริการที่ใช้คีย์ของคุณเองได้ ตามที่อธิบายไว้ข้างต้น

## ตัวอย่างการใช้งานจริงสามตัวอย่าง

แอป คำขอจองสำหรับร้านตัดแต่งขนสุนัข

> Paws & Suds เป็นร้านอาบน้ำตัดขนสุนัขในบริสตอล แอปรับคำขอจองคิว: เจ้าของเลือกบริการ (ตัดแต่งขนเต็มรูปแบบ £55, อาบน้ำและแต่งขน £38, ตัดเล็บ £12) เลือกวันที่สะดวกและช่วงเช้าหรือบ่าย พร้อมกรอกชื่อ สายพันธุ์ และขนาดของสุนัข รวมถึงเบอร์โทรศัพท์ ทางร้านจะโทรกลับเพื่อยืนยัน เก็บทุกคำขอเป็นระเบียนที่มีสถานะ ใหม่ ยืนยันแล้ว หรือปฏิเสธ มีหน้าแรกที่แสดงบริการ ราคา และเวลาทำการ

หน้าแรกที่มีบริการและราคา พร้อมฟอร์มขอใช้บริการ แต่ละคำขอจะถูกบันทึกเป็นระเบียนในคอลเลกชันคำขอจอง แสดงในแท็บ **Database** พร้อมจำนวน ผู้รับสายจะเปิดคำขอใหม่แต่ละรายการ โทรหาเจ้าของ และเปลี่ยนสถานะของคำขอ ระบบไม่ตรวจปฏิทินเพื่อหาช่วงเวลาว่าง หากต้องการเงินมัดจำผ่านตัวประมวลผลของคุณเอง หรือบัญชีให้เจ้าของเข้าสู่ระบบและดูการจองของตน ต้องขอไว้ในคำอธิบาย

แดชบอร์ด ตัวติดตามสต็อกสำหรับร้านขายต้นไม้และอุปกรณ์ทำสวน

> Fern & Stone เป็นศูนย์จำหน่ายอุปกรณ์ตกแต่งสวนที่มีร้านในแฮร์โรเกตและริปอน ต้องการแดชบอร์ดสต็อกภายใน: สินค้าทุกรายการพร้อมหมวดหมู่ สต็อกในแต่ละร้าน ระดับสั่งซื้อซ้ำ ซัพพลายเออร์ และวันที่ส่งของล่าสุด ทำเครื่องหมายสินค้าที่ต่ำกว่าระดับสั่งซื้อซ้ำ เก็บสินค้าเป็นเรคคอร์ดที่ผู้จัดการของเราอัปเดตทุกวันศุกร์ และอ่านตัวเลขทุกตัวจากเรคคอร์ดเหล่านั้น

เมนูนำทางสำหรับ Overview, Products และ Suppliers หน้าภาพรวมเริ่มด้วยตัวเลขสำคัญ เช่น รายการที่ต่ำกว่าระดับสั่งซื้อซ้ำ ตารางสิ่งที่ต้องสั่งซื้อซ้ำ และแผนภูมิตามหมวดหมู่ สินค้าเป็นระเบียนในแท็บ **Database** วันศุกร์ผู้จัดการแก้ไขจำนวนที่นั่น และแดชบอร์ดจะอัปเดตตามภายในไม่กี่นาที เมื่อเผยแพร่เป็นเวอร์ชันใช้งานจริงแล้ว มีเพียงบัญชี Staff และ Admin ที่ลงชื่อเข้าใช้เท่านั้นที่เห็นตัวเลข ผู้จัดการสมัครบนแดชบอร์ด และเจ้าของกำหนดบทบาท Staff ให้บัญชีนั้นใต้ **Accounts**

แดชบอร์ด แดชบอร์ดออร์เดอร์สำหรับคาเฟ่

> Little Kiln เป็นคาเฟ่ในเมือง Hebden Bridge แดชบอร์ดคำสั่งซื้อ: คำสั่งซื้อและยอดขายวันนี้และสัปดาห์นี้ ยอดขายรายวันย้อนหลัง 30 วัน สินค้าขายดีห้าอันดับ และตารางคำสั่งซื้อของวันนี้ พร้อมเวลา รายการ ยอดรวม และระบุว่าทานที่ร้านหรือซื้อกลับ

หน้าจอจะออกมาตามที่อธิบาย โดยอ่านออเดอร์จากฐานข้อมูลของโปรเจกต์ ซึ่งเวอร์ชันแรกจะใส่ออเดอร์ตัวอย่างที่ดูสมจริงไว้ให้ แต่อ่านข้อมูลจากเครื่องคิดเงินหรือเครื่องรูดบัตรไม่ได้ หากต้องการติดตามยอดขายจริง ให้แทนที่ออเดอร์ตัวอย่างในแท็บ **Database** หรือขอคอลเลกชันยอดขายรายวันแล้วกรอกตัวเลขของแต่ละวันที่นั่น

### ควรเลือกแบบไหนสำหรับพอร์ทัลลูกค้า

**App** ขอบัญชีลูกค้าในคำอธิบายและบอกว่าลูกค้าแต่ละคนดูอะไรได้บ้าง ลูกค้าสมัครด้วยอีเมลและรหัสผ่าน และคุณตั้งบทบาทได้ที่ **Database**, **Accounts** ดู [การเข้าสู่ระบบและการชำระเงิน](https://briks.dev/th/docs/sign-in-and-payments)

### เว็บไซต์เก็บข้อมูลได้ด้วยหรือไม่

ได้ ขอในการเปลี่ยนแปลงว่าต้องเก็บอะไรไว้ เช่น กิจกรรมหรือสินค้า แล้วฐานข้อมูลจะถูกสร้างขึ้นเมื่อบิลด์เก็บข้อมูลเป็นครั้งแรก

### แดชบอร์ดอัปเดตเองได้หรือไม่

เฉพาะจากระเบียนในฐานข้อมูลของตัวเองเท่านั้น ไม่อ่านซอฟต์แวร์อื่นของคุณ เว้นแต่การเปลี่ยนแปลงหนึ่งจะเชื่อมบริการด้วยคีย์ของคุณเอง เมื่อคุณเปลี่ยนระเบียน แดชบอร์ดที่เผยแพร่แล้วจะอัปเดตตามภายในไม่กี่นาที

## อ่านต่อ

- [ข้อมูลและระบบอัตโนมัติ**ฐานข้อมูล** ดูว่าเว็บไซต์เก็บข้อมูลอะไร แก้ไขและเพิ่มเรคคอร์ดเอง ดาวน์โหลดคอลเลกชันเป็น JSON หรือ CSV พร้อมสิทธิ์ของแต่ละคนและข้อจำกัด](https://briks.dev/th/docs/database)
- [ฟีเจอร์ของเว็บไซต์คุณ **ฟอร์ม** เพิ่มแบบฟอร์มในเว็บไซต์ Briks ทดสอบในพรีวิว ดูทุกรายการในสตูดิโอ รับอีเมลทุกรายการในเวอร์ชันใช้งานจริง และส่งต่อด้วย webhook](https://briks.dev/th/docs/forms)
- [ข้อมูลและระบบอัตโนมัติ**งานตามกำหนดเวลา** งานตามกำหนดเวลาบนเว็บไซต์ เช่น สรุปตอนเช้าหรือจัดระเบียบรายสัปดาห์ เขียนตารางเวลา ดูผลแต่ละรอบ แก้รอบที่ล้มเหลว และดูขีดจำกัดของแผน](https://briks.dev/th/docs/crons)
- [ข้อมูลและระบบอัตโนมัติ**เว็บฮุก** ส่งข้อความที่ลงลายเซ็นไปยังเครื่องมืออื่นเมื่อเว็บไซต์เผยแพร่ ส่งแบบฟอร์ม หรือระเบียนเปลี่ยน อธิบายเพย์โหลด ลายเซ็น การลองใหม่ และการส่ง](https://briks.dev/th/docs/webhooks)

ยังติดปัญหาอยู่ไหม

เขียนถึง [hello@briks.dev](mailto:hello@briks.dev) พร้อมชื่อโปรเจกต์และสิ่งที่คุณคาดว่าจะเห็น ภาพหน้าจอช่วยได้