← Back to Portfolio

Featured Project

Summarist Clone

A full Next.js App Router project with authentication flow, dynamic book pages, audio player views, and API-driven content. The project features reusable components, clean UI design, and production-ready deployment on Vercel. The application allows users to explore book summaries, listen to audio content, and navigate through dynamic routes for books and audio players.

Next.jsReactTypeScriptAPI Integration
Summarist Clone

Case Study

01

The Problem

Recreate a production-style book summary platform with dynamic pages, authentication flow, API-driven content, and polished UI.

02

My Approach

Used Next.js App Router for scalable routes like /for-you, /book/[id], and /player/[id]. Built reusable components and handled API fetching through utility functions.

03

Challenges

  • Handling empty or invalid API responses.
  • Fixing server/client component boundaries.
  • Debugging Vercel deployment and route issues.
  • Matching a polished responsive reference layout.
04

Results

  • Built a realistic frontend application.
  • Improved Next.js routing and deployment skills.
  • Created reusable UI components.
  • Gained production-style debugging experience.