minimal-web-baas-demo

Builds minimal CloudBase web demos with browser SDK database CRUD without cloud functions.

1.1k|138|Updated May 23, 2025
One-click install
npx skills add https://github.com/TencentCloudBase/CloudBase-AI-Toolkit --skill minimal-web-baas-demo
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: minimal-web-baas-demo
Source: https://github.com/TencentCloudBase/CloudBase-AI-Toolkit/tree/main/config/source/skills/minimal-web-baas-demo
Command: npx skills add https://github.com/TencentCloudBase/CloudBase-AI-Toolkit --skill minimal-web-baas-demo

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @cloudbase/js-sdk.

What problem does it solve?

Teams building quick fullstack demos on CloudBase often over-engineer with cloud functions and middleware when a simple web app talking directly to the database would suffice, wasting setup time and adding unnecessary complexity.

Core Features & Use Cases

  • BaaS-first data path: Uses @cloudbase/js-sdk in the browser for CRUD against NoSQL (app.database) or PostgreSQL (app.rdb), with schema and permissions managed through MCP tools.
  • Cloud function guardrails: Forbids cloud functions by default for Todo, Notes, Kanban, and message board demos, allowing them only for server secrets, scheduled jobs, or logic that security rules cannot express.
  • Preview-first workflow: Warms the React or Vue template, locks one database plane, wires list-plus-create CRUD, and delivers a local preview before any deploy step.
  • Use Case: A user asks for a minimal message board with cloud database support; the skill scaffolds the template, creates the collection via MCP, signs in anonymously, and ships a working preview with zero cloud functions.

Quick Start

Ask the AI to build a minimal CloudBase web demo such as a Todo app with database CRUD and a local preview, without any cloud functions.

Frequently Asked Questions about minimal-web-baas-demo

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a minimal fullstack demo on CloudBase without cloud functions?

Use @cloudbase/js-sdk in the browser to perform CRUD directly against the database, with schema created through MCP tools. Warm the React or Vue template, lock one database plane, sign in anonymously, then wire list and create operations before previewing locally.

When are cloud functions actually needed in a CloudBase web app?

Cloud functions are only needed when logic cannot be expressed as database security rules or RLS and requires server-side secrets or third-party API keys, or for scheduled and background jobs. CRUD demos like Todo or Kanban apps need zero cloud functions.

Why does CloudBase NoSQL CRUD return a gateway 401 error?

The 401 occurs when no authenticated session exists before database calls. With @cloudbase/js-sdk 3.x and a publishable accessKey, call auth.signInAnonymously() before any app.database() get, add, update, or watch operation.

Can I use @cloudbase/node-sdk in frontend browser code?

No, browser code must use @cloudbase/js-sdk only. The node-sdk is for server environments and should never be installed in frontend projects; use the template helper such as src/utils/cloudbase.ts instead of creating a second wrapper.

What are the limitations of the BaaS-first demo approach?

It is not suited for WeChat Mini Programs, CloudRun services, payment callbacks, SMS providers, WebSockets, or large multi-module products. Those scenarios require the cloud-functions, cloudrun-development, miniprogram-development, or spec-workflow skills instead.