Admin Panel
แอปที่ publish บน Proyecta ทุกแอปมาพร้อม admin panel — พื้นที่ back office ส่วนตัวที่ต้องลงชื่อเข้าใช้ก่อน สำหรับจัดการเนื้อหาและข้อมูลที่ส่งมาจากฟอร์มโดยไม่ต้องแตะโค้ด
หน้าตาสาธารณะของแอปคุณนั้นออกแบบมาเฉพาะตัวและสอดคล้องกับแบรนด์ของคุณ แต่เบื้องหลังนั้น ทุกแอปต้องการ back office พื้นฐานเหมือนกัน: พื้นที่สำหรับแก้ไขเนื้อหา ดู lead ที่เข้ามา และดำเนินงานประจำวัน Proyecta สร้างสิ่งนี้ให้คุณจาก component ที่ขับเคลื่อนด้วย schema และเป็นส่วนหนึ่งของ template เพื่อให้ทุกแอปสอดคล้องและถูกต้องตรงกัน — และคุณไม่ต้องรอให้ AI สร้างหน้าจัดการ CRUD ขึ้นมาเอง
สิ่งที่คุณจัดการได้
หัวข้อที่มีชื่อว่า “สิ่งที่คุณจัดการได้”| ส่วน | สิ่งที่ทำได้ | สถานะ |
|---|---|---|
| Content | สร้าง แก้ไข publish และ archive รายการในแต่ละ collection ของคุณ | พร้อมใช้งาน |
| Form submissions | ดู ทำเครื่องหมายว่าอ่านแล้ว และ archive ข้อมูลที่ส่งมาจาก ฟอร์ม | พร้อมใช้งาน |
| Commerce orders | ตรวจสอบและดำเนินการคำสั่งซื้อจากร้านค้าของคุณ | พร้อมใช้งาน |
| Members / users | จัดการบุคคลที่ลงชื่อเข้าใช้แอปของคุณ และ role ของพวกเขา | พร้อมใช้งาน |
ส่วนที่คุณเห็นขึ้นอยู่กับว่าแอปของคุณทำอะไร — panel จะอ่านรูปแบบจริงของแอปคุณและแสดงเฉพาะส่วนที่เกี่ยวข้องเท่านั้น แอปที่ไม่มีร้านค้าก็จะไม่มีส่วน Orders
ใครเข้าได้บ้าง
หัวข้อที่มีชื่อว่า “ใครเข้าได้บ้าง”Admin panel นี้ ป้องกันด้วย RBAC ผู้เยี่ยมชมต้องลงชื่อเข้าใช้ด้วยบัญชี admin จึงจะเข้าถึงได้ — ทุก action ของ admin ถูกตรวจสอบที่ฝั่ง server ไม่ใช่แค่ซ่อนไว้ใน UI
สิทธิ์ admin จะมอบให้กับอีเมลที่คุณกำหนดไว้ตอนสร้างแอป โดยจับคู่กับอีเมลที่ผู้ให้บริการยืนยันตัวตนได้ตรวจสอบแล้ว สิทธิ์นี้ ไม่ได้ มอบให้กับคนที่ลงชื่อเข้าใช้เป็นคนแรก — ในแอปทั่วไป คนอื่นทุกคนจะลงชื่อเข้าใช้ในฐานะผู้ใช้ทั่วไป รวมถึงผู้เยี่ยมชมคนแรกด้วย ดูที่ Users & Auth สำหรับวิธีการลงชื่อเข้าใช้และการกำหนด role
โครงสร้างพื้นฐาน
หัวข้อที่มีชื่อว่า “โครงสร้างพื้นฐาน”Panel ประกอบขึ้นจาก component ที่เป็นส่วนหนึ่งของ template คุณไม่ต้องเขียนสิ่งเหล่านี้เอง — มันเป็นส่วนหนึ่งของทุกแอป — แต่การรู้จักตัวหลัก ๆ นั้นมีประโยชน์:
| Component | สิ่งที่ให้คุณ |
|---|---|
CollectionManager |
หน้า admin เต็มรูปแบบสำหรับ collection หนึ่ง collection: รายการที่ค้นหาและเรียงลำดับได้ พร้อมฟอร์มสร้าง/แก้ไขที่สร้างขึ้นอัตโนมัติ มีหนึ่งตัวต่อหนึ่ง collection |
SubmissionsInbox |
กล่องรับ ฟอร์ม: แท็บ New / Read / Archived badge แจ้งเตือนที่ยังไม่ได้อ่าน และมุมมองรายละเอียดต่อการส่งแต่ละครั้ง |
AdminShell |
กรอบที่ล้อมรอบทุกอย่าง — sidebar ที่ย่อ/ขยายได้และ top bar ที่เชื่อมทุกส่วนเข้าด้วยกัน |
CollectionManager: CRUD อัตโนมัติจาก schema ของคุณ
หัวข้อที่มีชื่อว่า “CollectionManager: CRUD อัตโนมัติจาก schema ของคุณ”CollectionManager อ่าน schema ของ collection และสร้างประสบการณ์การแก้ไขทั้งหมดด้วยโค้ดที่เขียนเองแทบเป็นศูนย์:
- แสดงรายการ ใน table พร้อม status badge การค้นหา และปุ่ม New
- สร้างฟอร์มอัตโนมัติ จาก type ของแต่ละ field — text field กลายเป็น input, text ยาวกลายเป็น textarea, ตัวเลขกลายเป็น number input, ค่าเปิด/ปิดกลายเป็น switch, choice field กลายเป็น dropdown, วันที่กลายเป็น date picker, reference กลายเป็น picker เชื่อมกับ collection ที่ลิงก์ไว้ และ image field มีปุ่ม upload (พร้อม media-library picker และ fallback สำหรับวาง URL)
- บันทึกเป็น draft ก่อน — การ publish เป็น action แยกต่างหากที่ชัดเจน ไม่มีอะไรขึ้น live โดยบังเอิญ คุณยังสามารถ unpublish หรือ archive รายการได้ (archive คือการลบแบบ soft delete — มันหายไปจากแอปและ panel แต่ไม่ได้ถูกลบทิ้งจริงๆ)
- รองรับเนื้อหาแบบเดี่ยว ด้วย: singleton collection (เช่น ข้อมูลธุรกิจของคุณ) จะแสดงฟอร์มตรงๆ โดยไม่มีรายการ
การแก้ไขเป็น no-code อย่างแท้จริง: คุณ (หรือใครก็ตามที่คุณแต่งตั้งเป็น admin) เปลี่ยนข้อความ ราคา รูปภาพ และเวลาทำการจาก panel กด publish แล้วแอปที่ใช้งานจริงจะอัปเดตทันที
หมายเหตุ: สินค้า Commerce จัดการด้วยเครื่องมือ commerce ไม่ใช่ใน
CollectionManager— แม้ว่า catalog จะเป็นเนื้อหาก็ตาม ดูที่ Commerce
วิธีที่ admin ถูกสร้างขึ้น
หัวข้อที่มีชื่อว่า “วิธีที่ admin ถูกสร้างขึ้น”คุณไม่ต้องร้องขอ และ AI ก็ไม่ได้เขียนมันขึ้นมาเอง Panel นี้คือ “standing admin” ที่ configure ตัวเองได้: /admin ที่ตายตัวซึ่งฝังอยู่ใน template ของทุกแอป อ่าน schema เนื้อหาจริงและการ configure ความสามารถของแอปคุณ แล้ว render ตัวเองขึ้นมา — โดยไม่ต้องให้ AI เชื่อมต่อ เพิ่ม collection ใหม่ในภายหลังแล้วมันจะปรากฏโดยอัตโนมัติโดยไม่ต้อง rebuild
นอกเหนือจากเนื้อหาและข้อมูลจากฟอร์มแล้ว ส่วนต่าง ๆ จะปรากฏขึ้นตามสิ่งที่แอปของคุณทำจริง — คำสั่งซื้อและการคืนสินค้า การจองและตารางเวลา สมาชิกและ role คลังสื่อ อีเมลและ push คุณจะได้เฉพาะส่วนที่เกี่ยวข้องกับแอปของคุณ และไม่ได้ส่วนที่ไม่เกี่ยวข้อง
เนื่องจากเป็นส่วนหนึ่งของ template มันจึงสอดคล้องและถูกต้องตรงกันในทุกแอป และไม่เพี้ยนหรือพังเมื่อ AI แก้ไขหน้าสาธารณะของคุณ หากภายหลังคุณต้องการเปลี่ยนตัว console เอง ก็แค่บอก — นั่นคือการแก้ไขที่ระบุชัดเจน ไม่ใช่สิ่งที่การ build ครั้งแรกจะด้นสดขึ้นมาเอง
Pattern ที่ใช้บ่อย
หัวข้อที่มีชื่อว่า “Pattern ที่ใช้บ่อย”คุณไม่จำเป็นต้องขอ admin panel เลย — ทุกแอปมีมาให้อยู่แล้ว และ collection ใหม่ก็จะปรากฏขึ้นที่นั่นเอง สิ่งที่ควรขอจาก AI คือ:
"Add a 'featured' toggle to my services so I can choose what shows on the homepage."— field ใหม่จะปรากฏใน admin โดยอัตโนมัติ"Make the headline and hours on my homepage editable from the admin."— ย้ายข้อความที่ hardcode ไว้เข้าไปอยู่ในเนื้อหาที่แก้ไขได้"Build me a back-office page showing this week's bookings at a glance."— หน้าเฉพาะทางที่ประกอบขึ้นจากโครงสร้างพื้นฐานชุดเดียวกัน
ดูเพิ่มเติม
หัวข้อที่มีชื่อว่า “ดูเพิ่มเติม”- Content Management — collection และรายการที่ admin จัดการ
- Forms — แหล่งที่มาของ submissions inbox
- Users & Auth — วิธีการลงชื่อเข้าใช้และการให้สิทธิ์ admin role
- Commerce — การจัดการ catalog และคำสั่งซื้อของคุณ