vite · Vite Docs
Vite Vite Deploying a Static Site
Explains the process of preparing and deploying a Vite-built project to static hosting providers.
Derived skill
Files assembled from official documentation
Viewing SKILL.md
Vite Vite Deploying a Static Site
Explains the process of preparing and deploying a Vite-built project to static hosting providers.
When To Use
Use when you need to configure a build process for hosting a Vite application on static web servers or platforms like Netlify, Vercel, or GitHub Pages.
Reference Files
| File | Contains | Use For |
|---|---|---|
SKILL.md | Entry point: scope, routing table, and workflow. | Start here. |
docs/vite-deploying-a-static-site-workflow-guide.md | A guide detailing the process of building, testing locally, and deploying a Vite application to GitHub Pages or GitLab Pages. | Questions about a guide detailing the process of building, testing locally, and deploying a Vite application to GitHub Pages or GitLa... |
examples/vite-deploying-a-static-site-vite-static-site-deployment-package-json.text | A package.json configuration file demonstrating the build and preview scripts required for deploying a static site with Vite. | Exact payloads, commands, or snippets shown in A package.json configuration file demonstrating the build and preview scripts required for deploying a static site wi... |
examples/vite-deploying-a-static-site-build-command.text | The shell command used to build a Vite project for static deployment. | Exact payloads, commands, or snippets shown in The shell command used to build a Vite project for static deployment. |
examples/vite-deploying-a-static-site-preview-command.text | A text snippet demonstrating the npm command used to preview a built static site locally. | Exact payloads, commands, or snippets shown in A text snippet demonstrating the npm command used to preview a built static site locally. |
examples/vite-deploying-a-static-site-vite-static-deploy-package-json-preview-scr.text | A package.json configuration snippet showing the vite preview command for local testing of a static build. | Exact payloads, commands, or snippets shown in A package.json configuration snippet showing the vite preview command for local testing of a static build. |
examples/vite-deploying-a-static-site-vite-github-pages-deployment-workflow.text | A GitHub Actions workflow configuration file for deploying a static Vite site to GitHub Pages. | Exact payloads, commands, or snippets shown in A GitHub Actions workflow configuration file for deploying a static Vite site to GitHub Pages. |
examples/vite-deploying-a-static-site-vite-static-site-deploy-github-actions-work.text | A GitHub Actions YAML configuration for deploying a Vite static site using node, npm install, and build commands. | Exact payloads, commands, or snippets shown in A GitHub Actions YAML configuration for deploying a Vite static site using node, npm install, and build commands. |
examples/vite-deploying-a-static-site-cloudflare-plugin-install-command.text | The shell command to install the Cloudflare Vite plugin as a development dependency. | Exact payloads, commands, or snippets shown in The shell command to install the Cloudflare Vite plugin as a development dependency. |
examples/vite-deploying-a-static-site-vite-static-site-deployment-cloudflare-plug.text | A configuration file demonstrating the use of the Cloudflare plugin within a Vite configuration to deploy a static site. | Exact payloads, commands, or snippets shown in A configuration file demonstrating the use of the Cloudflare plugin within a Vite configuration to deploy a static site. |
examples/vite-deploying-a-static-site-package-json.text | A package.json configuration example demonstrating the project name and dependencies for a Vite static site deployment. | Exact payloads, commands, or snippets shown in A package.json configuration example demonstrating the project name and dependencies for a Vite static site deployment. |
examples/vite-deploying-a-static-site-vite-static-site-deployment-configuration.text | A configuration object defining hosting settings, public directory, and rewrite rules for deploying a static site. | Exact payloads, commands, or snippets shown in A configuration object defining hosting settings, public directory, and rewrite rules for deploying a static site. |
examples/vite-deploying-a-static-site-configuration.text | A text representation of a configuration object used for deploying a static site with Vite. | Exact payloads, commands, or snippets shown in A text representation of a configuration object used for deploying a static site with Vite. |
What This Skill Covers
- Are you an LLM? You can read better optimized documentation at /guide/static-deploy.md for this page in Markdown format
- Main sections:
Building the App ,Testing the App Locally ,GitHub Pages ,GitLab Pages and GitLab CI ,Netlify .
Workflow
- Open the most relevant file under
docs/for the exact documented workflow and wording. - Open
schemas/files for exact structured contracts. - Open
examples/files for concrete requests, commands, snippets, and manifests. - Do not add behavior or configuration that is not present in the attached source files.
Canonical source: https://vite.dev/guide/static-deploy