One-Click Build, Deploy & Live Verification
In Appsuite’s decoupled architecture, newly saved products, updated prices, or banner changes are stored safely in the Payload CMS back-office database.
To compile these changes into static edge files and distribute them across global CDN nodes, you trigger a Build & Deploy action from the dashboard.
1. Why Static Build & Deploy?
Section titled “1. Why Static Build & Deploy?”| Dimension | Traditional Monolithic Sites (WordPress) | Appsuite Static Edge Architecture |
|---|---|---|
| How it Works | Database is queried dynamically on every buyer page load. | All pages are pre-compiled into lightweight static HTML/CSS files ahead of time. |
| Speed | 3–8 seconds international latency. | Sub-second (<0.5s) global edge delivery worldwide. |
| Stability | Vulnerable to database crashes and SQL injections. | Immune to database bottlenecks; highly secure and crash-proof. |
2. Triggering Build & Deploy in the Dashboard
Section titled “2. Triggering Build & Deploy in the Dashboard”- Log in to the SymbolFlow Dashboard.
- Select your AppSuite from the list to enter its detail view.
- In the top action bar, click Deploy All (or Re-deploy).
- Monitor the Pipeline:
- The automated build pipeline fetches the latest CMS data, compiles localized pages, optimizes imagery, and distributes bundles to global edge networks.
- Status indicators display progress (typically completing within 1 to 3 minutes).
- Once the indicators return to green Running, your updated storefront is live globally.
3. Standard Go-Live Verification Checklist
Section titled “3. Standard Go-Live Verification Checklist”Always perform this 5-point verification check after deployment:
| Checklist Item | Verification Action |
|---|---|
| 1. Catalog & Price Accuracy | Open the updated product (e.g., VD Rubber Mounts) and check titles, SKU variants, prices, and stock numbers. |
| 2. Dynamic Filter Chips & Batching | Click filter chips to verify row isolation. Enter quantities in multiple rows to test live subtotal recalculation. |
| 3. WhatsApp Action Hook | Click the floating WhatsApp button to confirm it launches WhatsApp with itemized SKU parameters pre-filled. |
| 4. Multi-Language Paths | Use the header language dropdown (EN/ZH) to ensure smooth routing between localized URLs without 404 errors. |
| 5. Mobile Responsiveness | Test on mobile devices to check horizontal table scrolling and cart drawer responsiveness. |
4. Troubleshooting
Section titled “4. Troubleshooting”- Changes Don’t Appear on Live Website?
- Browser Cache: Static pages are aggressively cached. Press
Ctrl + F5(Windows) orCmd + Shift + R(Mac) for a hard refresh, or inspect in an incognito window. - Draft Document Status: In Payload CMS, verify that you clicked Publish rather than leaving the document in Draft state.
- Browser Cache: Static pages are aggressively cached. Press