# Documentation Quick Start
Quick guide to working with the GitHub Pages documentation.
---
## š Local Development
### 1. Install Dependencies
```bash
pip install -r requirements.txt
```
**What gets installed:**
- `mkdocs` - Documentation site generator
- `mkdocs-material` - Material Design theme
- Plugins for search, dates, and minification
### 2. Start Development Server
```bash
npm run docs:dev
```
**Access at:** http://localhost:8000
**Features:**
- ā
Live reload on file changes
- ā
Full search functionality
- ā
Preview exactly as it will appear online
### 3. Edit Documentation
**Location:** `docs/` directory
**Example:**
```bash
# Edit homepage
nano docs/index.md
# Edit installation guide
nano docs/getting-started/installation/npm-installation.md
```
**Save ā Changes appear instantly in browser!**
---
## šØ Build & Test
### Build Documentation
```bash
npm run docs:build
```
**Output:** `site/` directory (ready for deployment)
**Validation:**
- ā
Strict mode enabled (catches errors)
- ā
Broken links detected
- ā
Markdown syntax validated
### Test Locally
```bash
# After building
cd site
python3 -m http.server 8001
```
**Access at:** http://localhost:8001
---
## š Deployment
### Automatic Deployment (Recommended)
**Just push to main:**
```bash
git add docs/ mkdocs.yml
git commit -m "docs: update documentation"
git push origin main
```
**GitHub Actions will:**
1. Build documentation
2. Deploy to GitHub Pages
3. Site live in ~2 minutes
**Live URL:** https://salacoste.github.io/mcp-n8n-workflow-builder
### Manual Deployment
```bash
npm run docs:deploy
```
**This will:**
- Build documentation
- Push to `gh-pages` branch
- Update GitHub Pages site
---
## š Writing Tips
### Markdown Syntax
**Code blocks:**
````markdown
```bash
npm install
```
````
**Admonitions:**
```markdown
!!! tip "Helpful Hint"
This is a tip.
!!! warning
Be careful!
```
**Tabs:**
```markdown
=== "macOS"
macOS-specific content
=== "Linux"
Linux-specific content
```
**Links:**
```markdown
[Link Text](../path/to/file.md)
```
### Best Practices
- ā
Use relative links: `../installation/npm-installation.md`
- ā
Add "Next Steps" at page end
- ā
Include code examples with comments
- ā
Test all commands before documenting
- ā
Use admonitions for important notes
---
## š Troubleshooting
### Build Fails
**Error:** "Config file not found"
```bash
# Make sure you're in project root
pwd # Should show: /path/to/mcp-n8n-workflow-builder
# Run from correct location
npm run docs:build
```
**Error:** "Documentation file does not exist"
- Check file path in `mkdocs.yml`
- Verify file exists in `docs/` directory
- Check for typos in filenames
### Deployment Issues
**GitHub Pages not updating:**
1. Check GitHub Actions workflow
2. Verify `gh-pages` branch exists
3. Enable GitHub Pages in Settings ā Pages
4. Clear browser cache
---
## š Project Structure
```
mcp-n8n-workflow-builder/
āāā mkdocs.yml # Configuration
āāā requirements.txt # Python dependencies
āāā docs/
ā āāā index.md # Homepage
ā āāā getting-started/ # Installation & setup
ā āāā features/ # Feature documentation (TBD)
ā āāā examples/ # Examples (TBD)
ā āāā api/ # API reference (TBD)
ā āāā assets/ # Images, CSS, JS
āāā .github/
āāā workflows/
āāā deploy-docs.yml # Auto-deployment
```
---
## šÆ Quick Commands
```bash
# Development
npm run docs:dev # Start dev server
# Build & Deploy
npm run docs:build # Build only
npm run docs:deploy # Build + deploy
# Testing
mkdocs build --strict # Validate
python3 -m http.server # Test locally
```
---
## š Resources
- **MkDocs:** https://www.mkdocs.org/
- **Material Theme:** https://squidfunk.github.io/mkdocs-material/
- **Markdown Guide:** https://www.markdownguide.org/
---
## ā
Current Status
**Completed:**
- ā
Homepage (`index.md`)
- ā
Installation guides (NPM, Manual, Configuration)
- ā
Quick Start (Claude Desktop, First Workflow, Verification)
- ā
CI/CD pipeline (GitHub Actions)
- ā
Custom styling and JavaScript
**Total:** 7 pages, 20,800+ words
**Pending:**
- ā³ Features documentation (Epic 4)
- ā³ Multi-instance guides (Epic 5)
- ā³ Examples & tutorials (Epic 6)
- ā³ API reference (Epic 7)
---
**Questions?** See `docs/README.md` for detailed documentation guide.