NextJS + Firebase Todo List Example

Working demo: https://next-fb-todo.vercel.app/

My.Movie3.mp4

Why?

To try out using NextJS and Firebase to create web application in minimal time

Advantages

• Super fast and simple development
• Easy to deploy with CI/CD
• Free backend
• Easy authentication handling

Disadvantages

• No SQL DB for Firebase
• Need to learn NextJS to do more customisation

Other libs/tech

• ReactJS + Typescript
• TailwindCSS

Features

• Add new Todo
• Toggle Todo
• Remove Todo (with confirmation)
• Add note for Todo
• Update status for todo (Doing, Blocked, Waiting)
• Remove all completed todo
• User friendly UX