Add GitHub Pages deployment workflow and docs updates

Introduces a GitHub Actions workflow for automatic deployment to GitHub Pages. Updates README with setup, build, and deployment instructions. Adds a deploy script and gh-pages dependency to package.json. Adjusts Vite config to set base path for production deployments.

Author: 1batu

.github/workflows/deploy.yml

@@ -0,0 +1,56 @@
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches:
+      - main
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+        env:
+          NODE_ENV: production
+
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

README.md

@@ -1,2 +1,50 @@
-# tinypine-docs
-🌲 Official documentation site for TinyPine.js — minimal reactive UI framework.
+# TinyPine.js Documentation
+
+🌲 Official documentation website for TinyPine.js - a minimal, reactive JavaScript framework.
+
+## 🚀 Quick Start
+
+### Development
+
+```bash
+# Install dependencies
+npm install
+
+# Start dev server
+npm run dev
+```
+
+### Build
+
+```bash
+# Build for production
+npm run build
+
+# Preview production build
+npm run preview
+```
+
+### Deploy to GitHub Pages
+
+```bash
+# Deploy manually
+npm run deploy
+```
+
+Or push to the `main` branch and GitHub Actions will automatically deploy.
+
+## 📦 Tech Stack
+
+- **Framework**: [TinyPine.js](https://github.com/DigitalCoreHub/tinypine)
+- **Build Tool**: [Vite](https://vitejs.dev/)
+- **Styling**: [Tailwind CSS](https://tailwindcss.com/)
+- **Markdown**: [Marked](https://marked.js.org/)
+- **Syntax Highlighting**: [Highlight.js](https://highlightjs.org/)
+
+## 🌐 Live Site
+
+Visit the documentation at: [https://digitalcorehub.github.io/tinypine-docs/](https://digitalcorehub.github.io/tinypine-docs/)
+
+## 📝 License
+
+MIT © DigitalCoreHub

package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "deploy": "npm run build && gh-pages -d dist"
   },
   "keywords": [
     "tinypine",
@@ -20,6 +21,7 @@
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.19",
     "autoprefixer": "^10.4.20",
+    "gh-pages": "^6.2.0",
     "postcss": "^8.4.49",
     "tailwindcss": "^3.4.17",
     "vite": "^6.0.3"

vite.config.js

@@ -1,7 +1,7 @@
 import { defineConfig } from 'vite'
 
 export default defineConfig({
-  base: '/',
+  base: process.env.NODE_ENV === 'production' ? '/tinypine-docs/' : '/',
   build: {
     outDir: 'dist',
     assetsDir: 'assets',