ToDo Application (Next.js Demo)

ToDo Manager with Different Rendering Strategies

Server-Side Rendering

Pages rendered on the server for each request

Static Site Generation

Pre-built pages at build time for optimal performance

Incremental Static Regeneration

Static pages with periodic updates

Client-Side Rendering

Interactive pages rendered in the browser

Features

  • Add tasks
  • Edit and complete tasks
  • File attachments
  • Modal forms with React Portal
  • JSONPlaceholder API integration
  • FSD Architecture
  • Tailwind CSS styling
  • React Hook Form with Zod validation
  • Notifications with React Hot Toast