feat(devex): add project templates, Python SDK demo, quickstart scripts, and Vercel deploy config

- Add Templates page (/templates) to web dashboard with 6 project templates
  (React SDK Demo, Kanban Board, Social Media Clone, Python SDK Demo,
  TypeScript Quickstart, Python Quickstart)
- Add sidebar navigation link for Templates
- Create Python SDK demo project with full auth, CRUD, storage, mail demos
  and unit tests (6/6 passing with mocks)
- Add interactive quickstart scripts for TypeScript and Python SDK scaffolding
- Configure Vercel deployment for all frontend examples
- Add CI workflow for example projects
- Add comprehensive DevEx documentation (examples/DEVEX.md)

Author: Nitin-kumar-yadav1307

.github/workflows/examples.yml

@@ -0,0 +1,74 @@
+name: Examples CI
+
+on:
+  push:
+    branches: [ main ]
+    paths:
+      - 'examples/**'
+      - 'sdks/**'
+  pull_request:
+    branches: [ main ]
+    paths:
+      - 'examples/**'
+      - 'sdks/**'
+
+jobs:
+  react-sdk-demo:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: examples/react-sdk-demo
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: examples/react-sdk-demo/package-lock.json
+      - run: npm install
+      - run: npm run build
+
+  sdk-kanban-client:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: examples/sdk-kanban/client
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: examples/sdk-kanban/client/package-lock.json
+      - run: npm install
+      - run: npm run build
+
+  social-demo-client:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: examples/social-demo/client
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
+          cache-dependency-path: examples/social-demo/client/package-lock.json
+      - run: npm install
+      - run: npm run build
+
+  python-sdk-demo:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: examples/python-sdk-demo
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-python@v5
+        with:
+          python-version: '3.11'
+      - run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+      - run: pytest tests/ -v

apps/web-dashboard/src/App.jsx

@@ -12,6 +12,7 @@ import Dashboard from './pages/Dashboard';
 import ProjectDetails from './pages/ProjectDetails';
 import CreateProject from './pages/CreateProject';
 import CreateCollection from './pages/CreateCollection';
+import Templates from './pages/Templates';
 import NotFound from './pages/NotFound';
 import Analytics from './pages/Analytics';
 import Releases from './pages/Releases';
@@ -81,6 +82,14 @@ function AppContent() {
           </ProtectedRoute>
         } />
 
+        <Route path="/templates" element={
+          <ProtectedRoute>
+            <MainLayout>
+              <Templates />
+            </MainLayout>
+          </ProtectedRoute>
+        } />
+
         <Route path="/create-project" element={
           <ProtectedRoute allowIncompleteOnboarding>
             <MainLayout>

apps/web-dashboard/src/components/Layout/Sidebar.jsx

@@ -2,7 +2,8 @@ import { Link, useLocation, useParams } from 'react-router-dom';
 import { useAuth } from '../../context/AuthContext';
 import {
     LayoutDashboard, Database, Shield, HardDrive, Settings, BarChart2,
-    ArrowLeft, LogOut, X, Rocket, Webhook, Users, Mail, ChevronLeft, ChevronRight
+    ArrowLeft, LogOut, X, Rocket, Webhook, Users, Mail, ChevronLeft, ChevronRight,
+    LayoutTemplate
 } from 'lucide-react';
 import ThemeToggle from '../ThemeToggle';
 
@@ -81,6 +82,9 @@ function Sidebar({ logo, isOpen, onClose, isCollapsed, onToggleCollapse }) {
                         <Link to="/dashboard" onClick={handleNavClick} className={`nav-item ${isActive('/dashboard') ? 'active' : ''}`} {...navA11yProps('Dashboard')}>
                             <LayoutDashboard size={16} /> <span>Dashboard</span>
                         </Link>
+                        <Link to="/templates" onClick={handleNavClick} className={`nav-item ${isActive('/templates') ? 'active' : ''}`} {...navA11yProps('Templates')}>
+                            <LayoutTemplate size={16} /> <span>Templates</span>
+                        </Link>
                         <Link to="/releases" onClick={handleNavClick} className={`nav-item ${isActive('/releases') ? 'active' : ''}`} {...navA11yProps("What's New")}>
                             <Rocket size={16} /> <span>What's New</span>
                         </Link>