Svelte Sharepoint Starter

sateeshsai

Svelte + SharePoint starter codebase

Svelte + SharePoint Starter

Version: Alpha 1.0.0
Status: In Active Development

A production-ready Svelte 5 meta-framework for building web applications on SharePoint 2013 on-premises. Accelerate development with battle-tested patterns, offline-first development, and type-safe SharePoint integration.

✨ Key Features

🚀 Offline-first development - Build on localhost with mock data, deploy to SharePoint seamlessly
🔒 100% type-safe - TypeScript + Zod schemas from database to UI
🎯 Provider pattern - Abstract data layer switches between mock/SharePoint automatically
📦 Batteries included - Error handling, analytics, routing, state management built-in
🔧 SharePoint expertise - Handles FormDigest, LookUp columns, pagination, quirks
📚 Comprehensive docs - 13 detailed guides covering every aspect
⚡ Modern stack - Svelte 5 (runes), Vite, TailwindCSS v4, shadcn-svelte

🚀 Quick Start

# Install dependencies
pnpm install

# Start development server
pnpm dev

# Build for production
pnpm build

# Type check
pnpm check

First time? Read the Getting Started Guide

📚 Documentation

Comprehensive guides available in public/assets/docs/:

Essential Reading

Overview - What this is and why it exists
Getting Started - Setup and configuration
Core Concepts - Fundamental patterns
SharePoint Integration - REST API deep dive
Examples & Routes - Working implementations

Development Guides

📖 Full Documentation Index

🏗️ Project Structure

src/
├── lib/
│   ├── common-library/          # ⭐ Reusable across projects
│   │   ├── integrations/        # SharePoint, analytics, errors, router
│   │   └── utils/               # String, date, file helpers
│   ├── data/                    # 🎯 App-specific
│   │   ├── schemas.ts           # Zod schemas
│   │   ├── types.ts             # TypeScript types
│   │   ├── local-data.ts        # Mock data
│   │   └── data-providers/      # Provider factory
│   ├── env/                     # ⚙️ Configuration
│   │   └── sharepoint-config.ts # Lists, paths, schemas
│   └── components/ui/           # 📦 Third-party UI (shadcn)
└── routes/                      # 📄 Application pages
    ├── index.svelte             # Home
    ├── stories/                 # Story list & detail
    ├── admin/                   # Dashboard with charts
    └── docs/                    # Documentation viewer

🎯 Use Cases

Perfect for teams that need to:

✅ Build multiple SharePoint-hosted applications with consistent patterns
✅ Develop offline without SharePoint connection
✅ Onboard new developers quickly with working examples
✅ Maintain type safety from database to UI
✅ Share common utilities across projects
✅ Deliver high-quality apps faster

🛠️ Tech Stack

Framework: Svelte 5 (runes-only)
Build: Vite (Rolldown)
Styling: TailwindCSS v4
UI Components: shadcn-svelte, bits-ui
Validation: Zod
Charts: LayerChart
Backend: SharePoint 2013 REST API
Development: Mock data provider with session persistence

🤝 Contributing

This is a simple starter codebase. When making improvements:

Maintain layer separation - common-library stays generic
Update docs - Keep guides in sync with code changes
Add JSDoc comments - Help others understand your patterns
Test with mock data - Verify changes work offline
Run pnpm check - Ensure type safety before committing

📞 Support

Contact: sateesh.modukuru@gmail.com

Ready to build? Start with the Getting Started Guide →

Top categories