Nostrovia Startup MVP Technology Overview

Nostrovia uses a modern, full-stack TypeScript web application technology stack for initial Startup proposals with the focus around rapid MVP deployment and scaling to reach target market customers in the shortest route possible with very few compromises. Apps are built with Next.js 14 and React 19. Apps leverage a rich ecosystem of libraries for UI, data management, authentication, state management, file/video handling, payments, and more. The architecture follows Next.js App Router conventions, likely utilizing Server Actions for backend operations. Much of these decisions are not arbitrary and have been dictated through the development of a complex multi-tenant online training platform developed for accredited learning programs to be used nationwide. It's a flexible setup that easily adapts to rapid business development and changes often experienced in early phase. Nostrovia is your only option to leverage all of these modern capabilities not as experiment on your dream, but as the next dream that got its turn to go.

Core Technology

  • Framework: Next.js 15 (using App Router)

  • Language: TypeScript

  • UI Library: React 19

  • Styling: Tailwind CSS 4 with tailwindcss-animate and tailwind-merge. Likely uses Shadcn/ui components (inferred from class-variance-authority, clsx, @radix-ui/* components, lucide-react, cmdk, vaul).

  • Package Manager: npm

Backend & Data

  • Database: PostgreSQL (pg driver, @prisma/adapter-pg)

  • Database Provider: Supabase (@supabase/supabase-js)

  • ORM: Prisma (prisma, @prisma/client) enhanced with ZenStack (zenstack, schema.zmodel)

  • Authentication: Clerk (@clerk/nextjs)

  • File Uploads: UploadThing (@uploadthing/react, uploadthing)

  • Video Processing/Streaming: Mux (@mux/mux-node, @mux/mux-player-react), next-video script.

  • Payments: Stripe (stripe)

Key Libraries & Tools

  • State Management: Zustand (zustand)

  • Forms: React Hook Form (react-hook-form) with Zod (zod) for validation (@hookform/resolvers)

  • Data Fetching/API: Axios (axios), Next.js Route Handlers / Server Actions

  • Drag and Drop: @hello-pangea/dnd

  • Tables: TanStack Table (@tanstack/react-table)

  • Charting: Recharts (recharts)

  • API Documentation: next-swagger-doc, swagger-ui-react

  • Utilities: date-fns, query-string, uuid, @tabler/icons-react, react-icons, faker-js (testing/seeding).

  • UI Components: Radix UI primitives, react-quill (rich text editor), react-confetti, react-hot-toast.

  • Map Integration: Mapbox GL JS (mapbox-gl, @mapbox/mapbox-gl-directions)

  • Linting/Formatting: ESLint, Prettier.

  • Other: sharp (image processing), inversify (dependency injection), rxjs.

Architecture

  • Type: Full-stack Next.js application (Monolith)

  • Directory Structure: Next.js App Router conventions (src/app/, src/actions/, src/shared/, src/middleware.ts).

  • Data Layer: Prisma + ZenStack interacting with a Supabase PostgreSQL database.

  • API Layer: Next.js Route Handlers and/or Server Actions. Swagger for documentation.

  • Middleware: src/middleware.ts likely handles authentication/routing via Clerk.

  • External Services: Integrates with Clerk (auth), Supabase (DB), Mux (video), UploadThing (uploads), Stripe (payments), Mapbox (maps).

MUX VIDEO

Mux is the go-to video hosting and streaming platform for startups that require high-quality video services. Whether it's video streaming, encoding, or storage, Mux’s pay-as-you-go pricing ensures that startups only pay for what they use, keeping costs under control during the initial phases. For example, Mux charges $0.01 per minute of video streamed and $0.015 per minute of video encoded, making it affordable for startups looking to deliver video content at scale. Its robust API simplifies the process of integrating video into applications, which is invaluable for startups building video-driven platforms. The platform is highly reliable, scalable, and designed to handle video demands as the business grows, with costs scaling based on usage. This makes Mux a smart choice for startups looking to offer video services without the overhead of managing video infrastructure.

SUPABASE

Supabase is a powerful, open-source backend as a service (BaaS) tailored for startups that need a scalable, flexible, and affordable database solution. It provides a complete Postgres database with real-time capabilities, authentication, storage, and auto-generated APIs, allowing startups to focus on product development rather than backend infrastructure. Its free tier, with 500MB database storage and 50,000 monthly active users, is perfect for early-stage startups, while the Pro plan at $25/month offers significant value, including 100GB storage and 250GB bandwidth. The pricing is transparent and usage-based, allowing startups to scale without worrying about hidden costs. Supabase simplifies backend management, making it ideal for rapid product iteration and growth, while the ability to upgrade or add features ensures it remains cost-effective as the business expands.

VERCEL

Its Pro plan, starting at $20/month, offers a great balance between performance and affordability, providing unlimited serverless function executions and custom domain support. The cost is justified by the time saved in development, the platform’s ability to handle traffic spikes without additional infrastructure management, and its robust security features, which are vital for protecting user data as the business scales. With Vercel, startups can focus on building their core product while relying on an infrastructure that grows with them at a predictable and scalable cost.

CLERK

Clerk provides a comprehensive user authentication and management solution, essential for startups looking to implement secure login systems with ease. With features like pre-built components, custom domains, and multi-factor authentication (MFA), Clerk simplifies the process of integrating user sign-up, login, and profile management into applications. Its free plan supports up to 10,000 monthly active users (MAUs), making it ideal for small startups, and the Pro plan at $25/month, with additional MAUs billed at $0.02 each, allows for predictable scaling as the user base grows. The service also includes advanced features like user impersonation and audit logs in higher tiers, which are crucial for compliance as startups mature. Clerk’s ease of integration, scalability, and security features justify its cost for startups needing user management without the complexity of building it in-house.