/next-todo

An example implementation of Todo list made with Next.js

Primary LanguageJavaScriptMIT LicenseMIT

codecov MIT license

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