skills.rest
freddomingues
freddominguesCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-build-serve

Build and serve frontend demos with Vite and Flask.

Updated Aug 27, 2026
Search Tags:#frontend#build#vite#demos#flask#proxy#dev-server
One-click install
npx skills add https://github.com/freddomingues/think-tars --skill frontend-build-serve
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-build-serve
Source: https://github.com/freddomingues/think-tars/tree/main/.cursor/skills/frontend-build-serve
Command: npx skills add https://github.com/freddomingues/think-tars --skill frontend-build-serve

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the setup and serving of the think-tars frontend demos, streamlining development and deployment by coordinating a Vite dev server for the frontend and a Flask-backed production server for the demos.

Core Features & Use Cases

  • Development Proxy: Route /api requests from the frontend to the Flask backend.
  • Production Serve: Serve the built frontend from frontend/dist via Flask at /demos.
  • Quick Recovery: Simple commands to bootstrap and run both dev and production modes.

Quick Start

Use the skill to build and serve the demos with: npm install and npm run dev for development, or npm run build and Flask server for production.

Frequently Asked Questions about frontend-build-serve

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

FAQPage Schema
How do I serve a Vite frontend with a Flask backend in production?▼

To serve a Vite frontend with a Flask backend, build the frontend to frontend/dist and configure Flask to expose /demos. This production setup directly serves the built static files through the Flask server.

How do I proxy API requests from a Vite dev server to Flask?▼

Proxying API requests from a Vite dev server to Flask involves routing /api requests from the frontend directly to the Flask backend. This development workflow ensures local frontend changes communicate seamlessly with backend endpoints.

What do I need to run a development workflow with Vite and Flask?▼

Running a development workflow with Vite and Flask requires a Node.js environment with npm installed and a Python environment with Flask. These dependencies allow you to execute npm install and npm run dev for local development.

Can I use this setup to build and serve frontend demos for both development and production?▼

Yes, you can build and serve frontend demos for both development and production. The workflow coordinates a Vite dev server for active development and a Flask server to serve the built frontend from frontend/dist for production.

Why are my frontend demos not updating when serving through Flask?▼

Frontend demos may not update when serving through Flask if the frontend/dist directory contains outdated static files. You must run the Vite build process to generate new static assets before Flask can serve the updated production files.

Related Skills

Explore More Software Engineering Skills→
cameronapakcameronapak
1

bknd-local-setup

Automate local BKND project setup with CLI installation and config generation.

Community
Intermediate
remotion-devremotion-dev
55.9k

docs-demo

Embed interactive Remotion demos into documentation pages via a Demo component.

Official
Basic
mgd34msumgd34msu
4

prisma

Define Prisma schemas, run migrations, and write type-safe queries for Node.js and TypeScript.

Community
Advanced
freedomw1987freedomw1987
2

vite-static-asset-proxy-debug

Diagnose Vite dev server proxy misconfigurations returning HTML for static assets.

Community
Intermediate