express-react-typescript-generator

Express + React + TypeScript application generator.

Why express-react-typescript-generator?

When you find this project, maybe you already know something about react, express and typescript. And you've probably already used creat-reacte-app or express-generator, but you can't search for a scaffold to cover everything including both of them and some other parts with typescript, so this project was born out of that.

What's Involved?

• creat-reacte-app
• express
• pkg
• docker
• format
  • prettier
  • eslint

Quick Start

The quickest way to get started is to use npx and pass in the name of the project you want to create.

npx express-react-typescript-generator "project name"

If you use yarn

npx express-react-typescript-generator "project name" --yarn

Then you will get a sample project with react and express (typescript)

Run locally

Run express server in /app

npm start

or

yarn start

Run react in /web

npm start

or

yarn start

Yes, no further questions, you can start coding now.

The local CORS issue has been fixed by the http-proxy-middleware

Build

As we all know, is easy to build the react app to several simple files, but in most cases, for express, you need to copy the node_modules to the server of docker image, which may waste a lot of time and takes up a lot of space, so we use pkg to build the express server.

If you just want to build a docker image, just run

docker build -t express-react-typescript-generator .

If you want to build Build the executable file

1. cd /web, run yarn run build
2. cd /app, run yarn run build, then will generate an executable file in /app/pkg folder

In /app/package.json file, you can change the execution environment

"pkg": {
    ...
    "targets": [
      "node14-linux-arm64"
    ],
    ...
  }

Happy web deving :)

License

MIT