Feat/vercel showcases (#16)

* feat: migrate examples to showcases and setup Vercel deployment

- Rename /examples directory to /showcases
- Update package names to showcases-*
- Update pnpm-workspace configuration
- Add Vercel configuration for docs and showcases
- Update React showcase branding and meta tags
- Configure separate builds for schepta.org and show.schepta.org

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

* fix: correct Vercel output directories and add install commands

- Fix docs output directory to .vitepress/dist (VitePress default)
- Fix showcases output directory to react/dist
- Add explicit installCommand for both configurations

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

* fix pnpm-lock

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: guynikan

.github/workflows/deploy-showcases.yml

@@ -0,0 +1,74 @@
+name: Deploy Showcases
+
+on:
+  push:
+    branches: [main]
+    paths:
+      - 'showcases/**'
+      - '.github/workflows/deploy-showcases.yml'
+      - 'package.json'
+      - 'pnpm-lock.yaml'
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: showcases-pages
+  cancel-in-progress: false
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+        with:
+          version: 8
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile
+
+      - name: Build showcase packages
+        run: pnpm build --filter='./packages/*'
+
+      - name: Build React showcase
+        run: pnpm --filter showcases-react build
+
+      - name: Create showcase directory
+        run: |
+          mkdir -p showcase-dist
+
+          # Copy React showcase directly as root
+          cp -r showcases/react/dist/* showcase-dist/
+
+          # Create CNAME for custom domain
+          echo "show.schepta.org" > showcase-dist/CNAME
+
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: showcase-dist
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages (Showcases)
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: showcase-dist
+          publish_branch: gh-pages-showcases
+          cname: show.schepta.org

README.md

@@ -12,25 +12,14 @@ Framework-agnostic rendering engine for server-driven UI. Build dynamic forms an
 - ⚡ **Reactive System**: Handle declarative and imperative reactions
 - 🧩 **Type Safe**: Full TypeScript support
 
-## Examples
+## Showcases
 
 ### React (Vanilla)
 ```bash
-pnpm --filter examples-react dev
+pnpm --filter showcases-react dev
 # http://localhost:3000
 ```
 
-### React with Material UI
-```bash
-pnpm --filter examples-react-material-ui dev
-# http://localhost:3001
-```
-
-### React with Chakra UI
-```bash
-pnpm --filter examples-react-chakra-ui dev
-# http://localhost:3002
-```
 
 ## Running Tests
 
@@ -52,10 +41,10 @@ schepta/
 │   ├── core/              # Framework-agnostic core logic
 │   ├── adapters/          # Framework adapters (react, vue, vanilla)
 │   └── factories/         # Framework factories (react, vue, vanilla)
-├── examples/              # Example applications
-│   ├── react/             # React vanilla example
-│   ├── react-material-ui/ # React with Material UI
-│   └── react-chakra-ui/   # React with Chakra UI
+├── showcases/             # Showcase applications
+│   ├── react/             # React showcase
+│   ├── vue/               # Vue showcase
+│   └── vue-vuetify/       # Vue with Vuetify showcase
 └── tests/                 # E2E tests with Playwright
 ```
 

docs/en-US/index.md

@@ -48,7 +48,7 @@ concepts:
       description: Transforming props and behavior
     - title: Debug System
       description: Development tools
-examples:
+showcases:
   title: Examples
   description: Examples of how to use schepta
   items:

docs/es-ES/index.md

@@ -55,24 +55,24 @@ concepts:
     - title: Debug System
       link: /concepts/07-debug-system
       description: Herramientas de desarrollo
-examples:
+showcases:
   title: Ejemplos
   description: Ve schepta en acción con ejemplos interactivos
   items:
     - title: Ejemplos React
-      link: /examples/react
+      link: /showcases/react
       description: React con react-hook-form
     - title: React Material UI
-      link: /examples/material-ui
+      link: /showcases/material-ui
       description: React con Material UI
     - title: React Chakra UI
-      link: /examples/chakra-ui
+      link: /showcases/chakra-ui
       description: React con Chakra UI
     - title: Ejemplos Vue
-      link: /examples/vue
+      link: /showcases/vue
       description: Vue con adaptador de formulario personalizado
     - title: Vue Vuetify
-      link: /examples/vuetify
+      link: /showcases/vuetify
       description: Vue con Vuetify Material Design
 ---
 

docs/pt-BR/index.md

@@ -55,24 +55,24 @@ concepts:
     - title: Debug System
       link: /concepts/07-debug-system
       description: Ferramentas de desenvolvimento
-examples:
+showcases:
   title: Exemplos
   description: Veja o schepta em ação com exemplos interativos
   items:
     - title: Exemplos React
-      link: /examples/react
+      link: /showcases/react
       description: React com react-hook-form
     - title: React Material UI
-      link: /examples/material-ui
+      link: /showcases/material-ui
       description: React com Material UI
     - title: React Chakra UI
-      link: /examples/chakra-ui
+      link: /showcases/chakra-ui
       description: React com Chakra UI
     - title: Exemplos Vue
-      link: /examples/vue
+      link: /showcases/vue
       description: Vue com adaptador de formulário customizado
     - title: Vue Vuetify
-      link: /examples/vuetify
+      link: /showcases/vuetify
       description: Vue com Vuetify Material Design
 ---
 

docs/vercel.json

@@ -0,0 +1,6 @@
+{
+  "buildCommand": "cd .. && pnpm install && pnpm docs:build",
+  "outputDirectory": ".vitepress/dist",
+  "framework": "vite",
+  "installCommand": "cd .. && pnpm install"
+}