typescript-nextjs-redux-material-ui-example
This using typescript, next.js, redux, material-ui is simple, and is a sample corresponding to the server side rendering.
By VSCode and prettier and ESLint, realtime code format and realtime sentence structure check and rearranging of unused import are carried out in real time.
これは、typescript, next.js, redux, material-ui を使った、シンプルでサーバーサイドレンダリングに対応したサンプルです。
VSCode と prettier と ESLint によって、リアルタイムに整形と構文チェックと未使用 import の整理が行われます。
Live demo
Screenshot
For desktop
For mobile
Features
- Google App Engine Node.js Standard Environment
- Visual Studio Code
- Typescript v3
- Next.js v9
- MATERIAL-UI v4
- Redux
- redux-saga
- typescript-fsa
- typescript-fsa-reducer
- ESLint
Requirement
- Google Chrome
- Visual Studio Code
- TypeScript v3.7 or higher( require Optional Chaining )
Install Google Chrome addon
Recommended VSCode addons
Usage
Download and install
git clone https://github.com/treetips/typescript-nextjs-redux-material-ui-example.git
cd typescript-nextjs-redux-material-ui-example
npm i
Start local
npm run dev
Build and start production express server
npm run build
npm start
For google appengine
[Optional] appengine deploy Settings
vi ./deploy-appengine.sh
Deploy appengine
./deploy-appengine.sh