Skip to content
Breaking
Latest technical intelligence from Northeast India • Infrastructure, AI, Cloud & Security Analysis • Precision Analysis | Raw Intelligence | Your North Star of Tech Latest technical intelligence from Northeast India • Infrastructure, AI, Cloud & Security Analysis • Precision Analysis | Raw Intelligence | Your North Star of Tech
WEBDEV

Analysis: I built a Multi-Agent Academic Tutor using Next.js 14 & App Router

Analyzing Verla.io: A Revolutionary AI-powered Academic Assistant

Verla.io: A Revolutionary AI-powered Academic Assistant for Students

In the rapidly evolving world of technology, a new player has emerged that promises to revolutionize the way students approach their academic tasks. Verla.io, a workflow-based platform, is not just another chatbot; it's an innovative multi-agent system designed to help students plan, research, and write academic papers or assignments.

The Tech Stack Behind Verla.io

To handle real-time updates and rich text editing, the developer chose a modern stack. The framework is Next.js 14 (App Router), with TypeScript as the programming language and Tailwind CSS + Shadcn UI for styling. For authentication, a custom integration with Clerk's AuthProvider was used, while TipTap, a rich-text editor, was employed for the "smart" editor.

Visualizing the Multi-Agent Workflow

One of the core features of Verla.io is the Workflow Page, which shows users what each agent is doing in real-time. A polling mechanism was implemented on /task/detail to fetch the status of active agents. The UI renders a dynamic Kanban board and timeline view to track sub-tasks, handling large JSON outputs from agents and rendering them cleanly using a custom Markdown parser.

The "Smart" Editor

The editor, built on TipTap, needed to convert Markdown from agents into editable rich text blocks server-side (/api/markdown-to-tiptap). It also needed to support drag-and-drop image uploads directly to storage and export to PDF/Word with academic formatting.

Handling File Context

Verla.io allows users to upload massive PDFs. These files are processed (converted to Base64, uploaded, and vectorized) so that the agents can "read" the course material before answering.

Relevance to North East India and Beyond

The potential of AI-powered academic assistance tools like Verla.io extends beyond individual students. In the North East region of India, where access to quality education can be a challenge due to geographical isolation and limited resources, such tools could prove instrumental in leveling the playing field.

What's Next for Verla.io

The developer is currently working on optimizing the PDF structured editing feature. As Verla.io continues to evolve, it will undoubtedly reshape the way students approach their academic tasks, making learning more efficient and enjoyable.