Back to Previous Page

Issue Tracker

An issue tracking platform built using Next.js App Router. The application focuses on mastering the fundamentals of Next.js, including server components, routing strategies, and authentication.

Technologies Used

next Next
react React
tailwindcss Tailwindcss
typeScript TypeScript
next Next
react React
tailwindcss Tailwindcss
typeScript TypeScript
next Next
react React
tailwindcss Tailwindcss
typeScript TypeScript

Learnings & Benefits

Next.js App Router Mastery

Deepened understanding of the Next.js App Router architecture, specifically the distinction between Server and Client Components. Leveraged Server Components for improved performance and SEO by rendering data-heavy parts of the application on the server.

Secure Authentication

Implemented secure authentication flows using Google OAuth via NextAuth.js (Auth.js). This included managing sessions, protecting private routes, and handling user roles to restrict access to certain features like issue deletion.

Dynamic Routing & Filtering

Built a flexible filtering system using URL search parameters. This allows users to bookmark or share specific views of the issue list (e.g., 'Open bugs assigned to me') without needing complex state management libraries.