skills.rest
jngong-collab
jngong-collabCOMMUNITY
Explore all skills by this author →
GitHub

web-development

Develop static websites with CloudBase SDK integration and Vite build setup.

1|Updated Apr 12, 2026
Search Tags:#web development#static hosting#web standards#Vite#Webpack#CloudBase SDK
One-click install
npx skills add https://github.com/jngong-collab/miniapp-growth-v2-open --skill web-development-jngong-collab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-development
Source: https://github.com/jngong-collab/miniapp-growth-v2-open/tree/main/.trae/skills/cloudbase/references/web-development
Command: npx skills add https://github.com/jngong-collab/miniapp-growth-v2-open --skill web-development-jngong-collab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires vite, webpack, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the development of web frontend pages and ensures compliance with modern web practices for integration with CloudBase.

Core Features & Use Cases

  • Frontend Development: Guidelines for developing web pages with adherence to modern standards.
  • Static Hosting: Instructions for deploying static websites using CloudBase static hosting.
  • CloudBase Integration: Best practices for integrating CloudBase Web SDK for database, functions, and authentication.
  • Build Systems: Recommendations on setting up frontend build systems like Vite and Webpack.
  • Routing & Configuration: Guidance on handling routing and configuration for static hosting deployment.

Quick Start

Run 'npm install' to set up your project, then execute the build with Vite for development, using npx vite.

Frequently Asked Questions about web-development

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

FAQPage Schema
How do I set up a web frontend project for CloudBase static hosting?▼

CloudBase integration for static hosting requires following specific project structure conventions and best practices for Web SDK implementation. This ensures correct database, functions, and authentication operations when deploying static websites using CloudBase static hosting.

What is the best way to configure Vite or Webpack for web development?▼

The best way to configure Vite or Webpack for web development is to follow frontend build system recommendations that optimize and accelerate static website compilation. This Skill provides specific guidelines for setting up modern build tools tailored for CloudBase deployment workflows.

Can I use the CloudBase Web SDK for database and authentication in a static site?▼

Routing and configuration for static hosting deployment require specific guidelines to ensure correct client-side navigation on CloudBase. The Skill provides instructions for handling routing and configuration to maintain compliance with static hosting deployment standards.

Why does my web build fail to integrate correctly with CloudBase SDK?▼

Your web build might fail CloudBase SDK integration due to incorrect project structure conventions or missing modern web standards compliance. Enforcing correct SDK integration and proper build tool configuration using Vite or Webpack resolves these static hosting deployment issues.

Related Skills

Explore More Software Engineering Skills→
hunmerhunmer
70

convert-react-to-memento

Converts a React project into a Memento WebView-ready application.

Community
Intermediate
yyds-xyyds-x

web-development

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

Community
Intermediate
evestevest
1

optimizely-frontend-hosting

Configure and deploy Next.js applications to Optimizely Frontend Hosting for CMS.

Community
Intermediate
jholhewresjholhewres
3

bundler-analyze

Analyze JavaScript bundle sizes for Vite and Webpack projects.

Community
Basic