Skills
.Work. You
Rest

okhp3-vite-github-pages

Community

Deploy a Vite SPA to GitHub Pages effortlessly

Software Engineering#GitHub Pages#Vite#SPA deployment#HashRouter#npm script
AuthorOKHP3
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses common pitfalls in deploying Vite Single Page Applications (SPA) to GitHub Pages, such as base path issues, incorrect routing, and branch problems.

Core Features & Use Cases

  • Base Path Handling: Automatically adjusts base paths to match GitHub Pages requirements.
  • Routing Support: Ensures correct usage of HashRouter for static site hosting.
  • gh-pages Deployment: Automates deployment steps with npm scripts.
  • Use Case: If you're deploying a React or Vue SPA and facing issues with the base path, routing, or deployment to the gh-pages branch, this skill can help.

Quick Start

Use the okhp3-vite-github-pages skill to deploy your Vite SPA to GitHub Pages with a single npm command.

Dependency Matrix

Required Modules

None required

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: okhp3-vite-github-pages
Download link: https://github.com/OKHP3/skillz/archive/main.zip#okhp3-vite-github-pages

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.