What does Shouvik Das specialize in?

Shouvik Das specializes in UI/UX Architecture, Spatial Web3D Development using Three.js and React Three Fiber, and anime/digital content creation across YouTube and Instagram.

Is Shouvik Das available for hire?

Yes! Shouvik Das is available for Web3D contracts, UI/UX design collaborations, Next.js frontend projects, and creative digital media productions. Contact via shouvikdaswork@gmail.com.

What tech stack does Shouvik Das use?

Primary stack includes Next.js 16, React 19, Three.js, React Three Fiber, TypeScript, Tailwind CSS, Framer Motion, Supabase, MongoDB, Cloudflare Workers, and Drizzle ORM.

HOME/PROJECTS/OTAKU INSIDER

Back to all projects

FEATURED BUILD🟢 PRODUCTION ACTIVE

Otaku Insider

Your Next-Generation Anime Tracking & Discovery Platform at the Global Edge.

LIVE AT EDGE RUNTIME

Launch Live App

ROLE & SCOPEArchitecture & Lead Dev

PRIMARY RUNTIMENext.js 16

DATABASE ARCHITECTUREServerless / GraphQL

STATUS100% Shipped ✓

System Overview & Problem Statement

Otaku Insider offers a seamless, blazingly fast experience for discovering new anime, tracking watch progress, viewing live airing schedules, and managing personalized watchlists. Built on modern Next.js 16 with React 19, it is deployed on Cloudflare Workers via OpenNext for incredible global performance and low edge latency. It uses Neon PostgreSQL with Drizzle ORM for type-safe serverless data storage and Better-Auth for robust user sessions.

Architecture & Stack Decomposition

frontend

Next.js 16 (App Router)
React 19
TypeScript
Tailwind CSS v4
Shadcn UI
Lucide React

backend

Neon PostgreSQL (Serverless)
Drizzle ORM
Better-Auth
OpenNext

apis

AniList GraphQL API
Edge Fetch Pipelines

deployment

Cloudflare Workers
Custom Domain
Edge Runtime

Engineered Features

Comprehensive Anime Database

Live Airing Schedule

Keep track of exactly when the next episode of seasonal anime airs with live timezone-synced countdowns.

Cloudflare Workers Edge Deployment

Engineered with OpenNext to run on Cloudflare's globally distributed edge network for sub-50ms latency worldwide.

Secure Better-Auth Authentication

Seamless user login, session management, and profile synchronization powered by Better-Auth.

Neon Serverless Postgres & Drizzle ORM

Type-safe database architecture with Drizzle ORM connecting to high-speed Neon Serverless Postgres.

Personalized Watchlists

Custom tracking for Currently Watching, Completed, Dropped, and Plan-to-Watch titles with dark-mode first UI.

Engineering Milestones & Challenges Solved

[1]

Edge-Native SSR: Successfully adapted and deployed Next.js 16 and React 19 to Cloudflare Workers using OpenNext, achieving instant cold starts and sub-50ms global response times.

[2]

Type-Safe Database Pipeline: Engineered a complete schema with Drizzle ORM and Neon Postgres, eliminating runtime database errors.

[3]

GraphQL Synchronization: Built high-efficiency GraphQL queries to fetch AniList seasonal schedules and user watchlist states in parallel.

NEXT PROJECT IN QUEUE

AniSpectra

AniSpectra is a premium, modern web application designed for anime enthusiasts. ...

Inspect Next Case Study