Skip to content
typescript v3.5, next.js v9, redux, material-ui v4, react-hooks, SSR ready example.
Branch: master
Clone or download
Latest commit 443d821 Jul 11, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
components refactor: change props type from interface to type Jul 8, 2019
constants feat: add error page Jul 3, 2019
pages refactor: change props type from interface to type Jul 8, 2019
store refactor: change directory structure from redux-way to re-ducks Jun 24, 2019
styles first commit Oct 15, 2018
types
.editorconfig first commit Oct 15, 2018
.gcloudignore first commit Oct 15, 2018
.gitignore
.prettierrc first commit Oct 15, 2018
README.md docs: remove yarn and update material-ui v3 to v4 Jun 9, 2019
app.yaml first commit Oct 15, 2018
deploy-appengine.sh refactor: remove yarn Jun 9, 2019
next-env.d.ts feat: add auto-generated files Jul 8, 2019
next.config.js refactor: remove unnecessary dependencies of typescript Jul 11, 2019
package-lock.json fix: fix security alert Jul 11, 2019
package.json fix: fix security alert Jul 11, 2019
server.js first commit Oct 15, 2018
tsconfig.json feat: add auto-generated files Jul 8, 2019
tslint.json first commit Oct 15, 2018

README.md

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 TSLint, 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 と TSLint によって、リアルタイムに整形と構文チェックと未使用 import の整理が行われます。

Screenshot

For desktop

For desktop

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
You can’t perform that action at this time.