How It Works
Understand the StudyStudio architecture and feature set
Tech Stack
StudyStudio is built with a modern, production ready stack:
| Layer | Technology |
|---|---|
| Framework | Next.js (App Router, Turbopack) |
| Language | TypeScript (strict mode) |
| Styling | Tailwind CSS v4 + shadcn/ui |
| Database | Convex (reactive serverless DB) |
| Auth | Better Auth via @convex-dev/better-auth |
| AI | Google Gemini (tutor chat, summaries, study tools) |
| Payments | Stripe, PayPal, Razorpay, Flutterwave |
| Resend | |
| Hosting | Vercel |
| Docs | Fumadocs |
| i18n | next-intl (5 languages) |
Live Product
See StudyStudio in action at your deployed URL after following the setup guides.
How It Works
StudyStudio takes students from a curiosity to genuine understanding in a few simple steps.
Create a Notebook
A notebook is a focused study space for a single topic, subject, or assignment. Students create one from the dashboard and give it a title - for example "The Future of Digital Health and AI-Driven Care".
Add Sources
Students add learning material to the notebook: URLs, pasted text, or uploaded files. StudyStudio extracts the content so the AI tutor can read and answer questions about it.
Chat with Your AI Tutor
A personalized AI tutor (powered by Gemini) answers questions grounded in the notebook's sources. Every user gets their own private chat tied to their account.
Turn Notes into Study Tools
The Studio panel generates study aids from your sources: audio overviews, data tables, mind maps, reports, flashcards, and quizzes. These persist and improve the learning workflow.
How You Make Money
Subscription Plans
StudyStudio uses a subscription model with configurable plans. Students pay a monthly or yearly fee to unlock higher usage limits and priority AI access.
Configurable Pricing Engine
All pricing is controlled from the Admin Dashboard - no code changes needed:
| Config | Description |
|---|---|
| Free plan price | Set to $0 for a free tier, or above to gate the app |
| Monthly plan | Name + USD price shown across the upgrade dialog |
| Yearly plan | Name + USD price shown across the upgrade dialog |
| Payment gateways | Stripe, PayPal, Razorpay, Flutterwave - enable any |
- Students buy a plan via your chosen gateway.
setPlan(a Convex mutation) records the active plan on the user's account.- Free-tier limits and paid features are enforced through the Convex
getBillingStatusquery and the plan gate.
Every subscription earns you margin - no royalties, no revenue sharing - you keep everything.