Gilipok/tlp-frontend

tlp-landing

TLP - landing frontend

Typescript-nextjs-redux-material-ui

This using typescript, next.js, redux, material-ui, and is 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.

Features

• Google App Engine Node.js Standard Environment
• Visual Studio Code
• Typescript v3
• Next.js v9
• MATERIAL-UI v4
• Redux
• TSLint

Requirement

• Google Chrome
• Visual Studio Code
• yarn

Install Google Chrome addon

• Redux DevTools

Recommended VSCode addons

• EditorConfig for VS Code
• Prettier - Code formatter
• TSLint
• Bracket Pair Colorizer 2

Usage

Download and install

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