mna

My next app builder

Develop and build full-stack React/Preact applications

• Webpack to bundle client and server
• Hot-reloading of client and server during development
• Code-split and async load routes on client
• Opinionated defaults, but customizable

See an example app.

Commands

mna

• Development build: src to build
• Watch for changes, rebuild and hot reload
• Serve static assets from public

mna build

• Production build: src to build
• Copy public to build/public

Configure

Build config

app.config.js

Available properties: root, alias

Environment variables

Keep environment variables in env files: .env.development, .env.production

Make sure to exclude .env.production from git repo.

Deploy

Use a process manager such as pm2 or forever.

Credit

Thanks to ideas from:

• Razzle for dev/build process
• Server-Side Rendering and Code Splitting with React-Router 4 (article and repo)