GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → treetips → Typescript Nextjs Redux Material Ui Example

treetips / Typescript Nextjs Redux Material Ui Example

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

Programming Languages

typescript
32286 projects

Labels

reduxnextjsmaterial-uiredux-saga

Projects that are alternatives of or similar to Typescript Nextjs Redux Material Ui Example

admin-template-for-react
🌏 Admin template for React, React Redux, Redux Saga, React Router, i18n and integrated OAuth login
Stars: ✭ 83 (-10.75%)
Mutual labels:  redux-saga, material-ui
react-movies-finder
React Movies finder is a React app to search movies and series using redux, redux-thunk, React Hooks, and Material UI
Stars: ✭ 27 (-70.97%)
Mutual labels:  nextjs, material-ui
netease-music-app
网易云音乐移动端【React/Next/Vue】【Ant Design/Material UI】
Stars: ✭ 95 (+2.15%)
Mutual labels:  nextjs, material-ui
ts-ui
Telar Social Network using Reactjs
Stars: ✭ 35 (-62.37%)
Mutual labels:  redux-saga, material-ui
Nestpress
A production ready personal blogging system on top of NestJS and NEXT.js
Stars: ✭ 38 (-59.14%)
Mutual labels:  nextjs, material-ui
twitter-spring-reactjs
🐦 Twitter Clone. Using Java, Spring Boot, PostgreSQL, S3 bucket, JWT, TypeScript, React.js, Redux-Saga, Material-UI
Stars: ✭ 47 (-49.46%)
Mutual labels:  redux-saga, material-ui
Fullstack Shopping Cart
MERN stack shopping cart, written in TypeScript
Stars: ✭ 82 (-11.83%)
Mutual labels:  material-ui, redux-saga
Next Redux Saga
redux-saga HOC for Next.js
Stars: ✭ 178 (+91.4%)
Mutual labels:  nextjs, redux-saga
Web3studio Sojourn
A React Native DevKit with code for a Web3 Decentralized Data Storage Pattern.
Stars: ✭ 29 (-68.82%)
Mutual labels:  nextjs, material-ui
React Social Network
Simple React Social Network
Stars: ✭ 409 (+339.78%)
Mutual labels:  material-ui, redux-saga
Builderbook
Open source web application to learn JS stack: React, Material-UI, Next.js, Node.js, Express.js, Mongoose, MongoDB database.
Stars: ✭ 3,015 (+3141.94%)
Mutual labels:  nextjs, material-ui
Nextjs Full Demo
Demo about integration between examples of next.js and also fix some issues during development
Stars: ✭ 76 (-18.28%)
Mutual labels:  nextjs, material-ui
Ark
An easiest authentication system on top of NestJS, TypeORM, NEXT.js(v9.3) and Material UI(v4).
Stars: ✭ 228 (+145.16%)
Mutual labels:  nextjs, material-ui
enlite-starter
Enlite Starter - React Dashboard Starter Template with Firebase Auth
Stars: ✭ 28 (-69.89%)
Mutual labels:  redux-saga, material-ui
Saas
Build your own SaaS business with SaaS boilerplate. Productive stack: React, Material-UI, Next, MobX, WebSockets, Express, Node, Mongoose, MongoDB. Written with TypeScript.
Stars: ✭ 2,720 (+2824.73%)
Mutual labels:  nextjs, material-ui
next-saga-example
Example of using next.js with redux saga
Stars: ✭ 24 (-74.19%)
Mutual labels:  redux-saga, nextjs
Nitro
An Example of a PWA using Nextjs, Material-UI, Typescript and Auth0 💗
Stars: ✭ 130 (+39.78%)
Mutual labels:  nextjs, material-ui
Nextjs Material Kit
NextJS version of Material Kit React by Creative Tim
Stars: ✭ 141 (+51.61%)
Mutual labels:  nextjs, material-ui
Material Kit React
React Dashboard made with Material UI’s components. Our pro template contains features like TypeScript version, authentication system with Firebase and Auth0 plus many other
Stars: ✭ 3,465 (+3625.81%)
Mutual labels:  material-ui, nextjs
Nextjs Material Dashboard
NextJS version of Material Dashboard React
Stars: ✭ 50 (-46.24%)
Mutual labels:  nextjs, material-ui
View All Similar Projects ➔

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].