Sverg 🚀

A starter template combining the power of Svelte 5, modern UI components, and seamless Ergo blockchain integration.

Build modern dApps with a light, fast and reliable starter kit.

✨ Features

• 🔥 Svelte 5 Ready - Built with the latest Svelte 5 featuring runes, enhanced reactivity, and improved performance
• 🎨 Shadcn-Svelte UI - Pre-configured with beautiful, accessible UI components built on top of Bits UI
• 💰 Ergo Blockchain Integration - Ready-to-use wallet connection, transaction handling, and blockchain state management
• 🎯 Tailwind v4 - Modern styling with the latest Tailwind CSS featuring new utilities and improved performance
• 🛡️ TypeScript First - Full TypeScript support with strict type checking and excellent developer experience
• ✨ Motion Animations - Smooth, performant animations powered by Motion.dev for modern, engaging user experiences
• ⚡ Developer Tools - Hot reload, code splitting, optimized builds, and comprehensive development tooling

🛠️ Tech Stack

• Svelte 5 - The latest and greatest
• TypeScript - Type safety everywhere
• Tailwind v4 - Modern CSS framework
• Shadcn-Svelte - Beautiful UI components
• Motion.dev - Smooth animations and interactions
• Fleet SDK - Ergo blockchain integration
• Lucide Icons - Consistent iconography

🚀 Quick Start

# Clone the repository
git clone https://github.com/pehcastro/sverg.git
cd sverg

# Install dependencies
bun install
# or npm install / pnpm install / yarn

# Start development server
bun dev
# or npm run dev

📦 Building

# Create production build
bun run build

# Preview production build
bun run preview

🔗 Ergo Integration

This template comes with pre-configured Ergo blockchain integration:

• Wallet Connection - Support for all major Ergo wallets
• Transaction Handling - Send ERG and tokens with ease
• State Management - Reactive wallet and blockchain state
• Type Safety - Full TypeScript support for all Ergo operations

📁 Project Structure

src/
├── lib/
│   ├── components/       # Reusable components
│   │   ├── ui/          # Shadcn-Svelte UI components
│   │   └── blockchain/  # Ergo-specific components
│   ├── providers/       # Context providers (Ergo wallet, etc.)
│   ├── utils/          # Utility functions
│   └── hooks/          # Custom hooks
├── routes/             # SvelteKit routes
└── app.html           # App template

🎯 What's Included

• Pre-configured wallet selector with auto-reconnection
• ERG formatting utilities with precise conversions
• Responsive design with mobile-first approach
• Dark/light theme support
• Production-ready build configuration
• Comprehensive test page for blockchain functions

💡 Contributing

Feel free to open issues and pull requests. This is a community-driven template for the Ergo ecosystem.

Built with ❤️ by nkz for the Ergo ecosystem.