Skip to content

Web Apps

Bug Pocket

A developer journal to capture bugs, learnings, and daily experiments — built to explore Next.js rendering strategies and modern form patterns.

Bug Pocket preview

Overview

Bug Pocket (DevLog) is a personal learning project built to explore Next.js in depth. The goal is to understand when and how to use different rendering strategies — SSR, CSR, SSG, and ISR — while keeping the experience friction-free for logging bugs and daily dev notes. More features are planned to streamline the workflow further.

Features

  • Log bugs and daily learnings in one place
  • Form validation with React Hook Form
  • Exploring Next.js App Router rendering modes
  • Tag-based filtering for entries
  • More friction-free workflows coming soon

Tech Stack

Next.jsReact Hook FormTypeScriptTailwind CSSSSRCSR

What I Learned

  • Next.js rendering strategies — when to use SSR, CSR, SSG, and ISR
  • How the App Router decides server vs client rendering
  • Form validation patterns with React Hook Form
  • Structuring a Next.js project while learning by building