Skip to content

A sample implementation for todo-app using next.js, redux and typescript.

License

Notifications You must be signed in to change notification settings

yudwig/next-redux-todo

Repository files navigation

Todo App Example

🚀 Deployed on Vercel https://next-redux-todo.vercel.app/

スクリーンショット 2021-05-27 21 34 39

Features

The following technologies are used.

Category Technology Link
Language TypeScript https://www.typescriptlang.org/
Library React https://reactjs.org/
Framework Next.js https://nextjs.org/
Documentation Storybook https://storybook.js.org/
UI Library Material UI https://material-ui.com/
Styling styled components https://styled-components.com/
Skelton create-next-app https://nextjs.org/docs/api-reference/create-next-app
App State Management Redux (with re-ducks pattern) https://redux.js.org/
Component State Management useState hook https://reactjs.org/docs/hooks-state.html
Code Linter ESLint https://eslint.org/
Code Formatter Prettier https://prettier.io/
Design System Atomic Design https://atomicdesign.bradfrost.com/

How to run

  • Run the development server
yarn dev
  • Run the storybook server
yarn storybook