ToDo

• infinite scroll
  • https://stackoverflow.com/questions/67624601/how-to-implement-infinite-scroll-in-next-js
• multi-user support
• bill amount entry
  • monthly bill amount summery
• build & deploy via docker

Authentication

Authentication consists of the following parts:

• next-auth boilerplate
  • middleware.ts = hooks-up next-auth into the page processing pipeline - user session is checked before any page is rendered
  • auth.ts = defines how the authentication is done, and how session is checked (used by middleware)
  • /app/api/[...nextauth]/route.ts = defines route which shows an authentication form

Source:

• How to Implement Google Authentication in a Next.js App Using NextAuth
• Next Js 14 Authentication on Edge Runtime