https://github.com/alexstack/nextjs-redux-toolkit-saga-react-query-hook-form-materia-mui-typescript-scaffold

The scaffold for NextJs 12.x,Redux Toolkit,Redux Saga,React Query,React Hook Form, Material UI(mui),Typescript and ESLint
https://github.com/alexstack/nextjs-redux-toolkit-saga-react-query-hook-form-materia-mui-typescript-scaffold

eslint materal-ui mui nextjs react react-query react-scaffold reactjs redux redux-saga redux-toolkit typescript

Last synced: 27 days ago
JSON representation

The scaffold for NextJs 12.x,Redux Toolkit,Redux Saga,React Query,React Hook Form, Material UI(mui),Typescript and ESLint

• Host: GitHub
• URL: https://github.com/alexstack/nextjs-redux-toolkit-saga-react-query-hook-form-materia-mui-typescript-scaffold
• Owner: AlexStack
• License: mit
• Created: 2022-07-19T00:30:13.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-11T08:38:27.000Z (almost 2 years ago)
• Last Synced: 2023-03-11T12:52:49.056Z (over 1 year ago)
• Topics: eslint, materal-ui, mui, nextjs, react, react-query, react-scaffold, reactjs, redux, redux-saga, redux-toolkit, typescript
• Language: TypeScript
• Homepage: https://redux.10168.tech
• Size: 1.26 MB
• Stars: 10
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 2022-2023 React medium-to-large project scaffold

This is a scaffold for React medium-to-large project.  

## Main modules

* React SSR framework [Next.js](https://nextjs.org/).

* Central **client side** state management [Redux](https://redux.js.org/).

* Redux Toolkit [Redux Toolkit](https://redux-toolkit.js.org/).

* Async middleware for Redux [Redux-Saga](https://redux-saga.js.org/).

* Next and Redux connector [next-redux-wrapper](https://github.com/kirill-konshin/next-redux-wrapper).

* Redux Persist - Persist and rehydrate a redux store. save to localStorage by default. [redux-persist](https://github.com/rt2zz/redux-persist)

* React Query for **server side** query [react-query](https://tanstack.com/query/v4/docs/adapters/react-query)

* Form library [React Hook Form](https://react-hook-form.com/).

* MUI design system [Material UI](https://Mui.com/).

* Translation and i18n [next-translate](https://github.com/vinissimus/next-translate).

* Date-fns (similar to MomentJs) [date-fns](https://date-fns.org/)

* Typescript [TypeScript](https://www.typescriptlang.org/).

* Eslint [ESLint](https://eslint.org/).

## Code conduct & typescript

* Enhances Airbnb's ESLint config with TypeScript support [eslint-airbnb-typescript](https://github.com/iamturns/eslint-config-airbnb-typescript)

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.