ToDo

• infinite scroll
  • https://stackoverflow.com/questions/67624601/how-to-implement-infinite-scroll-in-next-js
• authentication with Google
  • https://www.telerik.com/blogs/how-to-implement-google-authentication-nextjs-app-using-nextauth
• 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