สร้างบนเบราว์เซอร์

สร้างแอปในเบราว์เซอร์

สร้างแอปร้านกาแฟใน dashboard เผยแพร่ และตั้งค่า โดยไม่ต้องติดตั้งอะไรบนเครื่อง

คุณจะได้ Lamp Coffee แอปร้านกาแฟที่ขายที่เคาน์เตอร์และรับจองโต๊ะ ออนไลน์อยู่ที่ lamp-coffee.stardeck.site และตั้งค่าด้วยชื่อร้านเรียบร้อย คุณจะเข้าสู่ระบบในฐานะเจ้าของและไปถึงหน้าแรกของส่วนผู้ดูแล จากนั้นคุณจะขอให้ Starcat Developer ทำการเปลี่ยนแปลงแรก

เคล็ดลับ:

Stardeck แนะนำให้สร้างด้วย coding agent ของคุณเอง เช่น Claude Code, Codex หรือ Cursor: ดู เริ่มต้นอย่างรวดเร็ว ใช้หน้านี้หากคุณติดตั้งอะไรบนเครื่องไม่ได้ สร้าง prototype ไว้ที่อื่นแล้วใช่ไหม? สร้างแอปที่นี่ก่อน แล้วนำ prototype เข้ามา

ก่อนเริ่ม

  • บัญชี Stardeck ที่อยู่ในองค์กร เข้าสู่ระบบที่ stardeck.ai/dashboard
  • Developer mode ซึ่งเปิดอยู่ เว้นแต่ผู้ดูแลปิดไว้ ดูขั้นตอนแรก

สร้างและเผยแพร่แอป

1

หา New App ในแถบด้านข้าง

เปิด stardeck.ai/dashboard New App อยู่ที่ด้านล่างของแถบด้านข้าง

New App ปรากฏเฉพาะใน developer mode Developer mode แสดงเครื่องมือสำหรับสร้างแอป ได้แก่ New App แท็บ Build และ Code ของแต่ละแอป preview sandbox และการตั้งค่าสำหรับนักพัฒนา องค์กรใหม่เปิดไว้ให้ หากไม่เห็น New App แสดงว่าผู้ดูแลสลับองค์กรไปเป็นโหมดที่เรียบง่ายกว่า สำหรับคนที่แค่ใช้แอปขององค์กร ขอให้เขาเปิด Developer mode ใน Settings → General หรือเปิด Show developer mode for me always ใน Settings → Preferences เพื่อเปิดไว้เฉพาะคุณ

2

ตั้งชื่อว่า Lamp Coffee

คลิก New App ใน Create New App พิมพ์ Lamp Coffee ในช่อง Name ช่อง Slug จะเติมให้ จากชื่อ ต้องยังไม่มีใครใช้ และจะกลายเป็นที่อยู่ของแอป: lamp-coffee.stardeck.site แอปใหม่ทุกแอปเป็นสาธารณะ หากต้องการจำกัดว่าใครเปิดได้ในภายหลัง ดู การมองเห็นแอป

3

เลือก Booking และเพิ่ม Register

ใต้ Start with เลือก Booking ใต้ Add to the pack ติ๊ก Register ซึ่งเป็น POS ที่เคาน์เตอร์ บรรทัดด้านล่างแสดงรายการ Module ทั้งหมดที่จะถูกเปิด คุณเปิดหรือปิด Module ได้ภายหลัง

4

ปล่อยตัวเลือกอื่นไว้ตามเดิม

  • Build mode: Real app ส่วน Prototype สร้างเดโมแบบคลิกผ่านที่ใช้ข้อมูลจำลอง
  • Make it live right away: ติ๊กไว้
  • Data stores: store แต่ละตัวที่แอปต้องใช้แสดงเป็น New, from [store name] คุณเปลี่ยนชื่อได้ เพิ่ม store อื่นได้หลังสร้างแอป
5

คลิก Create App แล้วดูแอปออนไลน์

Stardeck สร้างแอปแล้วเผยแพร่ หน้าจอจะเปลี่ยนจาก Creating Lamp Coffee เป็น Publishing Lamp Coffee (ปกติใช้เวลาไม่กี่นาที) แล้วเป็น Lamp Coffee is live จากนั้นเปิดแอป หากไม่เปิด ให้คลิก Open live app now

ไม่ได้ติ๊ก Make it live right away? Stardeck จะเปิด builder แทน และคุณเผยแพร่ภายหลัง ดู การเผยแพร่และ deployment

ตั้งค่าร้านกาแฟ

แอปใหม่จะปิดอยู่จนกว่าเจ้าของจะตั้งค่า จนกว่าจะถึงตอนนั้น ทุกหน้าจะพาผู้เข้าชมไปยังหน้าเข้าสู่ระบบที่ขึ้นว่า This app isn't set up yet

1

เข้าสู่ระบบในฐานะเจ้าของ

คลิก Sign in และเข้าสู่ระบบด้วยบัญชี Stardeck ของคุณ คุณจะไปถึง Let's set up your business

2

เลือก Set up my business

เลือก Set up my business แล้วคลิก Continue

3

เลือก Restaurant or café

ใต้ Your kind of business เลือก Restaurant or café ตัวเลือกนี้เปิดฟีเจอร์ที่ร้านกาแฟใช้ และตั้งชื่อหน้าตามแบบร้านกาแฟ เช่น Menu สำหรับหน้าสินค้า คุณเปลี่ยนได้ภายหลังใน Settings ของแอป

4

กรอกรายละเอียดของ Lamp Coffee

  • Your business: พิมพ์ Lamp Coffee ใน Business name in English และกรอก Head-office address ที่อยู่นี้จะพิมพ์บนใบเสร็จ
  • Currency and time zone: เลือกสกุลเงินที่คุณเรียกเก็บและเขตเวลาของคุณ
  • Your first location: หากขั้นตอนถาม ให้ตั้งชื่อสถานที่ตั้งของร้านกาแฟ
5

ตั้งค่าให้เสร็จ

ตรวจสรุปแล้วคลิก Finish setup ที่หน้า You're all set คลิก Go to admin home

ตอนนี้ Lamp Coffee ออนไลน์อยู่ที่ lamp-coffee.stardeck.site พร้อมชื่อของตัวเอง และคุณอยู่ที่หน้าแรกของส่วนผู้ดูแล

เคล็ดลับ:

อยากลองดูรอบๆ ก่อนกรอกรายละเอียดจริง? เลือก Explore with sample data แทน เลือก Restaurant แล้วคลิก Load sample data แอปจะเต็มไปด้วยสินค้า พนักงาน และลูกค้าของร้านอาหารตัวอย่าง แบนเนอร์ในส่วนผู้ดูแลจะเตือนว่าเป็นข้อมูลตัวอย่าง และคุณลบออกได้ทุกเมื่อเพื่อไปตั้งค่า Lamp Coffee

ขอการเปลี่ยนแปลงแรก

กลับไปที่ dashboard เปิด Lamp Coffee แล้วเลือกแท็บ Build Starcat Developer ทำงานที่นั่นใน sandbox ของแอป ขอการเปลี่ยนแปลงด้วยภาษาธรรมดา:

เพิ่มบัตรสะสมแสตมป์ใน POS ของ Lamp Coffee: หนึ่งแสตมป์ต่อเครื่องดื่มหนึ่งแก้ว ครบ 10 แสตมป์รับเครื่องดื่มฟรี

แชร์โลโก้ สี รูปถ่าย และเมนูของร้านตั้งแต่ต้น ดู Starcat Developer

ถัดไป: Refining and Polishing

เปลี่ยนแปลง Lamp Coffee ต่อไปและทดสอบไปพร้อมกัน