next-todo

A todo list manager example made with Next.js. Next.js version of nuxt-todo implementatoin.

Demo: https://next-todo.netlify.com

Features

• You can add or delete todo items, and toggle by clicking checkbox.
• Modal dialog for item delete confirm.
• React Hooks is used for state control.
• Persisting data to LocalStorage

Others

• While this application is intended to be an example of Nuxt.js, TypeScript is not used.
• Bulma for styling
  • TodoList component uses variable of bulma with @import
• Netlify for demo site deploy
• GitHub Actions for CI/CD

Clone

git clone git@github.com:nemolize/next-todo.git && cd next-todo

Build

# install dependencies
$ yarn

# serve with hot reload at localhost:3000
$ yarn dev

# generate static project
$ yarn build