React Material-UI Koa starter

React Material-UI Koa starter is what we think an ideal starting point for React progressive web-applications (PWA) with the power of Material design components, offline-mode, SSR etc. It is based on the following primary technologies:

• react
• react-router
• react-query
• material-ui
• razzle

Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself. Aiming to fill this void, we use Razzle as a tool that abstracts all complex configuration needed for SSR into a single dependency - giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you.

Quick Start

Below is a list of commands you will probably find useful.

npm start or yarn start

Runs the project in development mode. You can view your application at http://localhost:3000 Your console should look like this:

The page will reload if you make edits.

npm run build or yarn build

Builds the app for production to the build folder.

The build is minified and the filenames include the hashes. Your app is ready to be deployed!

npm run start:prod or yarn start:prod

Runs the compiled app in production.

You can again view your application at http://localhost:3000

npm test or yarn test

Runs the test watcher (Jest) in an interactive mode. By default, runs tests related to files changed since the last commit.

npm start -- --inspect or yarn start -- --inspect

To debug the node server, you can use razzle start --inspect. This will start the node server and enable the inspector agent. For more information, see this.

npm start -- --inspect-brk or yarn start -- --inspect-brk

To debug the node server, you can use razzle start --inspect-brk. This will start the node server, enable the inspector agent and Break before user code starts. For more information, see this.

rs

If your application is running, and you need to manually restart your server, you do not need to completely kill and rebundle your application. Instead you can just type rs and press enter in terminal.

Read Razzle documentation for more info

---

MIT License

Contributors

Thanks goes to these wonderful people (emoji key):

Ihar 🤔 👀

Mike Gagarin 💻 📖 🤔

This project follows the all-contributors specification. Contributions of any kind welcome!