skills.rest
lxb031018
lxb031018COMMUNITY
Explore all skills by this author →
GitHub

web-development

Configure Web frontend projects with CloudBase SDK authentication and static hosting deployment.

2|1|Updated Apr 3, 2026
Search Tags:#authentication#vite#static hosting#cloudbase#web sdk#hash routing
One-click install
npx skills add https://github.com/lxb031018/qintu --skill web-development-lxb031018
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-development
Source: https://github.com/lxb031018/qintu/tree/main/.codebuddy/skills/web-development
Command: npx skills add https://github.com/lxb031018/qintu --skill web-development-lxb031018

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you implement and deploy CloudBase Web frontend code without getting stuck on build configuration, routing behavior, or incorrect SDK/authentication integration.

Core Features & Use Cases

  • CloudBase Web SDK integration: Wire up database and cloud functions from a web frontend using the official @cloudbase/js-sdk.
  • Correct Web authentication flow: Use CloudBase Web SDK built-in authentication features (including SMS login patterns) rather than attempting auth logic in cloud functions.
  • Reliable static hosting deployment: Configure public paths, choose hash routing to avoid refresh 404s, and deploy to CloudBase static hosting (including subdirectory scenarios).

Quick Start

Use web-development to implement a CloudBase Web frontend and deploy it with hash routing and correct CloudBase Web SDK initialization and authentication.

Frequently Asked Questions about web-development

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

FAQPage Schema
Why does my CloudBase static site return a 404 on page refresh?▼

A 404 on page refresh occurs when using browser history routing on CloudBase static hosting. Configuring hash routing instead prevents this by resolving routes client-side without requiring server-side rewrite rules.

How do I integrate the CloudBase Web SDK for database and cloud function access?▼

Initialize the official @cloudbase/js-sdk in your frontend code to wire up database and cloud function access. This integration uses documented Web SDK methods and enforces correct project structure conventions.

Can I handle CloudBase user authentication inside cloud functions?▼

No, user authentication should not be handled inside cloud functions. Use the CloudBase Web SDK built-in authentication features, including SMS login patterns, directly in your frontend for correct auth-safe wiring.

How do I configure Vite public paths for CloudBase static hosting subdirectories?▼

Configure Vite public paths to match your CloudBase static hosting subdirectory structure. This ensures correct asset loading and build configuration when deploying web apps to nested hosting scenarios.

What is the best way to deploy a web frontend to CloudBase static hosting?▼

The best way to deploy a web frontend to CloudBase static hosting is by configuring hash routing and correct Web SDK initialization. This ensures reliable deployment by avoiding refresh 404s and enforcing authentication constraints.

Related Skills

Explore More Software Engineering Skills→
SoltusSoltus
1

web-development

Standardize web frontend projects with Vite, npm, and CloudBase Web SDK.

Community
Intermediate
yyds-xyyds-x

web-development

Develop web frontend projects and deploy static hosting with CloudBase Web SDK.

Community
Intermediate
spences10spences10

svelte-deployment

Guide Svelte deployment with adapter selection and Vite configuration.

Community
Advanced
TencentCloudBaseTencentCloudBase
72

web-development

Structure and deploy web frontend projects with CloudBase Web SDK integration.

Official
Intermediate