Skip to main content

๐Ÿš€ Quick Start - Documentation Website

Get your documentation website running in under 2 minutes!


โšก Super Quick Start (1 minute)โ€‹

cd docs
npm run setup
npm run dev

โ†’ Open https://localhost:5173 to see your website!


๐Ÿ“‹ Two Options for Setupโ€‹

cd docs

# Setup (installs dependencies)
npm run setup

# Start development server
npm run dev

# Build for production
npm run build

# Clean up
npm run clean

Option B: Bash Script (Advanced)โ€‹

cd docs

# First-time setup
./setup-website.sh setup

# Start development server
./setup-website.sh dev

# Build for production
./setup-website.sh build

# Deploy guidance
./setup-website.sh deploy

# Clean up
./setup-website.sh clean

# Help
./setup-website.sh help

๐ŸŽฏ What Each Command Doesโ€‹

Commandnpm VersionScript VersionPurpose
Setupnpm run setup./setup-website.sh setupInstall dependencies & check prerequisites
Developmentnpm run dev./setup-website.sh devStart development server with hot reload
Buildnpm run build./setup-website.sh buildCreate production build
Deploynpm run deploy./setup-website.sh deployBuild + deployment guidance
Cleannpm run clean./setup-website.sh cleanRemove build artifacts

๐ŸŒ Deployment Quick Guideโ€‹

GitHub Pages (Automatic)โ€‹

  1. Push to main branch - the website deploys automatically
  2. Access at: https://username.github.io/mcp-adr-analysis-server/

Manual Deployโ€‹

# Build the site
npm run build

# Deploy to any hosting service
# Upload contents of .vitepress/dist/ folder

๐ŸŽจ Common Customizationsโ€‹

Change Site Colorsโ€‹

Edit ./.vitepress/config.js:

themeConfig: {
// Add your branding here
}
  1. Put logo in ./public/logo.svg
  2. It's automatically used in the config

Custom Domainโ€‹

Update base in config.js:

base: '/', // For custom domain
// base: '/mcp-adr-analysis-server/', // For GitHub Pages

๐Ÿ†˜ Troubleshootingโ€‹

Script Permission Errorโ€‹

chmod +x ./setup-website.sh

Node.js Version Errorโ€‹

Ensure Node.js โ‰ฅ18.0.0:

node --version  # Should be v18.0.0+

Port Already in Useโ€‹

Kill existing process:

# Find process using port 5173
lsof -ti:5173 | xargs kill -9

Build Failsโ€‹

Clear cache and reinstall:

npm run clean
rm -rf node_modules package-lock.json
npm install

๐Ÿ“Š What You Getโ€‹

โœ… Professional Documentation Website
โœ… Instant Search across all content
โœ… Mobile-Responsive design
โœ… Auto-Deploy via GitHub Actions
โœ… Lightning Fast loading
โœ… SEO Optimized for discoverability


Ready to launch? โ†’ cd docs && npm run setup && npm run dev

Need help? โ†’ Check WEBSITE_SETUP.md for detailed instructions