skills.rest
BulloRosso
BulloRossoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

public-website

Automates web/ + api/ scaffolding with CDN-based React/MUI frontend and Python API endpoints.

32|3|Updated Sep 30, 2025
Search Tags:#frontend#api#react#website#mui#hot-reload#public-website
One-click install
npx skills add https://github.com/BulloRosso/etienne --skill public-website
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: public-website
Source: https://github.com/BulloRosso/etienne/tree/main/skill-repository/standard/public-website
Command: npx skills add https://github.com/BulloRosso/etienne --skill public-website

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Public websites often require a consistent scaffold and a lightweight API layer. This skill provides a ready-to-use blueprint that serves static web content from web/ and exposes API endpoints under api/ with hot-reload during development. It enables teams to ship public-facing pages quickly without a complex build step.

Core Features & Use Cases

  • Frontend Scaffold: CDN-based React 18 with MUI components for fast UI prototyping.
  • API Endpoints: Lightweight Python API under api/ for dynamic behavior and data handling.
  • Use Case: Create a project landing page with contact form and a small dashboard that updates via API.

Quick Start

Create a new project structure with web/ and api/, then launch the static frontend from web/ using a CDN-based React/MUI setup.

Frequently Asked Questions about public-website

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

FAQPage Schema
How do I set up a React and MUI website without a complex build step?▼

Spin up a public React website quickly by creating a project structure with a web/ directory for static content and an api/ directory for endpoints. The CDN-based React 18 frontend requires no build step and enables hot reload during development.

How does hot reload work for API endpoints in a frontend project?▼

Hot reload for API endpoints works by serving a lightweight Python API from an api/ directory alongside the static frontend. This allows dynamic behavior and data handling to update automatically during development without requiring a manual build process.

Can I use this setup for a landing page with a contact form and dashboard?▼

Yes, you can use this setup for a landing page with a contact form and dashboard. The CDN-based React 18 with MUI components provides the UI scaffold, while the lightweight Python API handles dynamic data updates for dashboards and form submissions.

What is the best way to serve static web content with a lightweight Python API?▼

The best way to serve static web content with a lightweight Python API is to separate them into web/ and api/ directories. This blueprint serves the frontend directly from web/ while exposing dynamic endpoints under api/ for data handling.

Do I need a build process for a CDN-based React 18 frontend?▼

No, you do not need a build process for a CDN-based React 18 frontend. The setup loads React and MUI components directly via CDN, enabling hot reload and fast UI prototyping without compiling or bundling static assets.

Why use MUI components for fast UI prototyping in public websites?▼

Use MUI components for fast UI prototyping in public websites to get a consistent scaffold quickly. The CDN-based React 18 setup provides ready-to-use MUI components, allowing teams to ship public-facing pages without a complex build step.

Related Skills

Explore More Software Engineering Skills→
DaleSeoDaleSeo
4

bun-dev-server

Set up a Bun development server with HMR and React Fast Refresh.

Community
Intermediate
justincoursesjustincourses
2

deployment

Deploy Expo apps to iOS, Android, web hosting, and API routes with EAS.

Community
Advanced
fanguyunfanguyun

react-expert

Generate React 18+ components with TypeScript and state management.

Community
Advanced
DeluxeOwlDeluxeOwl
1

single-file-python-script

Create full-stack Python applications in a single .py file.

Community
Intermediate