Toonaki
Web platform for reading manga and webtoons, with reading progress tracking, community features and gamification.
Context
Toonaki is a personal web platform for reading manga and webtoons. It offers a catalogue of works, a reading progress system, favourites, recommendations, and a gamified levelling system (XP, ranks).
It's an ambitious personal project designed to push the OurPlan stack to its limits on a complex use case: multi-user, structured content, performance, and immersive experience.
Approach
The project is built on the full modern stack: Next.js for server rendering and SEO, React for interactive components, Supabase for authentication and database, Tailwind CSS for visual consistency, Vercel deployment for global performance.
The user experience draws inspiration from sector-leading platforms, with a personal signature: subtle coloured pills, visible progress, and a playful profile system.
Result
Toonaki is live with an active catalogue, a working user system, and tested load capacity. The platform has accumulated hundreds of chapters read and continues to evolve.
It's also a real-world demonstration of what OurPlan can deliver for a SaaS Pro client: multi-tenant architecture, secure authentication, user dashboard, dynamic content management.
What was
built.
Next.js 15
Server rendering, SEO, performance. App Router, React Server Components, streaming.
React 19
Interactive components, state management, custom hooks for reading and progress.
TypeScript
Static typing. Self-documenting code. Zero type bugs in production.
Supabase
Auth, PostgreSQL, Row Level Security for per-user data isolation, storage.
Vercel
Global CDN hosting. Automatic deployments via GitHub Actions.
From ReToon to Toonaki.
Toonaki started in 2021 under the name ReToon, a design exploration of a mobile app for reading webtoons. At the time, the project existed only as polished Figma mockups: login screens, navigation, reading, profile. In 2024, the project was revived and transformed into a full web platform — from static iPhone mockups to a responsive web experience with user accounts, gamification, and a dynamic catalogue.
