vite-impl-backend-integration

Automate Vite asset integration into server-rendered backend templates.

4|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-impl-backend-integration
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vite-impl-backend-integration
Source: https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer/tree/main/.claude/skills/vite/vite-impl/vite-impl-backend-integration
Command: npx skills add https://github.com/OpenAEC-Foundation/OpenAEC-Workspace-Composer --skill vite-impl-backend-integration

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Backend web projects often struggle to correctly serve Vite-built assets from server-side templates. This skill explains how to enable Vite's manifest-driven asset rendering in non-SPA backends and avoid pitfalls in development and production.

Core Features & Use Cases

  • Backend integration for rendering Vite-built assets from server-side templates (Django, Laravel, Rails, Express, etc.)
  • Ensure dev/production HTML serving for non-SPA architectures by reading the manifest.json to resolve hashed asset paths
  • Guidance on enabling build.manifest and explicitly defining input in vite.config.ts for predictable manifest keys

Quick Start

Configure vite.config.ts with build.manifest and an explicit input, then render the produced assets through your backend templates.

Frequently Asked Questions about vite-impl-backend-integration

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

FAQPage Schema
How do I integrate Vite assets into a Django or Laravel backend template?

To integrate Vite assets into Django, Laravel, Rails, or Express templates, you must enable build.manifest in vite.config.ts and explicitly define your input. This allows your backend to read the generated manifest.json and resolve hashed asset paths for server-rendered HTML.

What is Vite manifest.json used for in server-side rendering?

Vite manifest.json is used in server-side rendering to map original asset entry points to their hashed, production-ready filenames. By reading this manifest, non-SPA backends can correctly inject the resolved Vite asset paths into server-rendered HTML templates.

Why are my Vite assets not loading in my non-SPA backend application?

Vite assets may not load in a non-SPA backend if build.manifest is not enabled or if the input is not explicitly defined in vite.config.ts. Without a properly generated manifest.json, the backend cannot resolve the hashed asset paths required for production HTML rendering.

Can I use Vite for frontend development without building a single page application?

Yes, you can use Vite for frontend development without building a single page application by configuring it for backend integration. By enabling build.manifest and defining an explicit input in vite.config.ts, your server-side backend can render the Vite-built assets directly into HTML templates.

How do I configure vite.config.ts to generate a manifest for backend integration?

To configure vite.config.ts for backend integration, you must set build.manifest to true and provide an explicit input path. This configuration ensures Vite generates a manifest.json file containing the predictable manifest keys needed for server-rendered asset resolution.