/typescript-nextjs-redux-material-ui-example

next.js v9, typescript v3.7, redux, material-ui v4, react-hooks, redux-saga, SSR

Primary LanguageTypeScript

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

Live demo

Screenshot

For desktop

For desktop 1 For desktop 2

For mobile

For mobile

Features

Requirement

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

Related repository