The Open Source Technology Behind diVine

    The Open Source Technology Behind diVine

    How MKStack and Shakespeare enable rapid development of production-ready Nostr applications like diVine

    M. K. Fain

    Building diVine with MKStack

    How Soapbox's open source technology stack powers a modern, decentralized video platform

    The Challenge: Building a Modern Video Platform

    Creating a short-form video app like diVine traditionally requires months of development, significant infrastructure investment, and ongoing maintenance. You need video storage, user authentication, real-time feeds, social features, and a responsive mobile-first interface—all while ensuring scalability and performance.

    What if you could build all of this in weeks instead of months? That's exactly what happened with diVine, thanks to MKStack—an open source framework designed specifically for building Nostr applications rapidly.

    What is MKStack?

    MKStack is a production-ready template for building Nostr applications with modern web technologies. It provides everything you need to create decentralized social apps without starting from scratch: Nostr protocol integration, user authentication, media handling, responsive design, and deployment infrastructure.

    The entire diVine frontend is built with MKStack, demonstrating that this framework isn't just for simple projects—it's capable of powering real-world applications with thousands of users and demanding performance requirements.

    MKStack Technical Stack

    Nostr Integration

    • • Nostrify for protocol handling
    • • Built-in relay management
    • • Event publishing and querying
    • • NIP-19 identifier support

    Modern Design System

    • • React 18 with TypeScript
    • • ShadCN UI components
    • • TailwindCSS styling
    • • Responsive mobile-first design

    Performance Optimized

    • • Vite for fast builds
    • • React Query for caching
    • • Lazy loading and code splitting
    • • Progressive web app support

    Developer Experience

    • • TypeScript for type safety
    • • ESLint and testing built-in
    • • Git integration ready
    • • One-command deployment

    How diVine Uses MKStack

    diVine is a perfect example of what's possible with MKStack. The app handles:

    • Video Upload and Playback: 6-second looping videos with MP4 and GIF support
    • Real-Time Feeds: Home, Discovery, Trending, and Hashtag-based video feeds
    • Social Features: Likes, comments, reposts, follows, and user profiles
    • Content Discovery: Full-text search, hashtag exploration, and trending content
    • Progressive Web App: Installable on mobile devices with native-like experience

    All of this was built on top of MKStack's foundation, allowing the diVine team to focus on video-specific features rather than reinventing authentication, relay management, or UI components.

    The Role of Nostrify

    Behind the scenes, MKStack uses Nostrify—a powerful TypeScript framework for Nostr development. Nostrify handles all the low-level protocol details:

    • Event Signing and Verification: Cryptographic operations for secure communication
    • Relay Communication: WebSocket connections, subscriptions, and event publishing
    • Query Optimization: Efficient filtering and caching of Nostr events
    • NIP Implementation: Support for standard Nostr Improvement Proposals

    For diVine, this means reliable video event handling, fast feed loading, and seamless integration with the broader Nostr ecosystem—all without writing custom relay communication code.

    Shakespeare: Building with AI Assistance

    While MKStack provides the technical foundation, Shakespeare makes it accessible to developers of all skill levels. Shakespeare is an AI-powered development environment that lives entirely in your browser—no installations required.

    How Shakespeare Works with MKStack

    Shakespeare comes pre-configured with MKStack templates, meaning you can start building Nostr apps like diVine through natural language conversations with an AI assistant. Simply describe what you want to build, and Shakespeare generates the code, sets up the infrastructure, and handles deployment.

    Build a Nostr Video App in Minutes

    With Shakespeare and MKStack, you can prototype and deploy Nostr applications faster than ever:

    1. 1. Describe Your Idea: "Build a video sharing app with hashtag feeds"
    2. 2. AI Generates Code: Shakespeare creates components, hooks, and pages using MKStack
    3. 3. Customize Freely: Edit code directly or continue refining with AI
    4. 4. Deploy Instantly: One command publishes your app to Nostr and decentralized hosting

    Edit diVine in Shakespeare

    Because diVine is built with MKStack and is fully open source, you can fork the project and start customizing it immediately. The entire codebase is available on GitLab, and you can import it directly into Shakespeare for AI-assisted development.

    Clone diVine

    Fork the diVine repository and customize it to build your own video platform:

    What You Can Build on the diVine Codebase

    • Custom Video Platform: Fork diVine to create niche video communities (gaming clips, recipes, tutorials)
    • Different Content Types: Modify the video length constraints or add support for images, audio, or text
    • Specialized Features: Add custom moderation tools, monetization, or community features
    • Experimental UX: Test new interaction patterns, layouts, or discovery algorithms

    Because it's built on Nostr, any content created in your fork can still interact with the original diVine community—or you can create a completely separate community on different relays.

    Real-World Production Use

    diVine isn't a demo or proof-of-concept—it's a production application serving real users with demanding requirements:

    • Video Processing: Handles upload, transcoding, and streaming of thousands of videos
    • Real-Time Performance: Fast feed loading and smooth video playback on mobile devices
    • Decentralized Architecture: Works with multiple Nostr relays including the specialized relay.divine.video
    • Progressive Web App: Installable on iOS and Android with offline support

    This demonstrates that MKStack isn't just for quick prototypes—it's a viable foundation for serious applications that need to scale and perform.

    The MKStack Advantage

    Building diVine with MKStack provided several key advantages:

    Speed to Market

    Instead of spending months building authentication, relay management, and UI components from scratch, the diVine team could focus immediately on video-specific features. The core infrastructure was ready on day one.

    Proven Architecture

    MKStack is battle-tested across multiple Soapbox projects including Ditto, Bookstr, and other community platforms. The patterns and practices are proven to work at scale.

    Community Support

    Because MKStack is open source and well-documented, developers can learn from other projects, contribute improvements, and get help from the community. The entire Nostr ecosystem benefits from shared tools.

    Future-Proof

    As new Nostr Improvement Proposals (NIPs) are adopted, MKStack stays current with protocol updates. diVine automatically benefits from these improvements without major refactoring.

    Getting Started with MKStack

    Ready to build your own Nostr application? MKStack makes it easy to get started:

    Two Ways to Start

    Beginner-Friendly

    Use Shakespeare (Browser-Based)

    No installation required. Build with AI assistance directly in your browser.

    Open Shakespeare

    Advanced

    Clone the Repository

    Full control with local development using Git and your favorite editor.

    MKStack Documentation

    What's Next for MKStack?

    The success of diVine demonstrates the power of open source tools designed specifically for Nostr development. As the ecosystem grows, MKStack continues to evolve with:

    • More Templates: Pre-built patterns for common Nostr app types (marketplaces, blogs, forums)
    • Enhanced Media Support: Better handling of video, audio, and image content
    • Performance Optimizations: Faster loading, better caching, and improved relay strategies
    • Additional NIPs: Support for new protocol features as they're standardized

    Join the Movement

    diVine shows what's possible when modern web technology meets decentralized protocols. Whether you're building a video platform, social network, marketplace, or something entirely new—MKStack provides the foundation to make it happen quickly and reliably.

    The tools are open source, the protocol is permissionless, and the community is ready to help. What will you build?

    Start Building Today

    Explore the diVine source code, learn from the MKStack tutorial, or start your own project with Shakespeare.

    Additional Resources

    Written by M. K. Fain