Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nsarrazin/react-flask-template
A template for starting projects with react & typescript on the front-end plus flask and socketio on the backend. Supports docker deployment and a dev environment.
https://github.com/nsarrazin/react-flask-template
docker flask gunicorn nginx python react socket-io template typescript websocket
Last synced: 17 days ago
JSON representation
A template for starting projects with react & typescript on the front-end plus flask and socketio on the backend. Supports docker deployment and a dev environment.
- Host: GitHub
- URL: https://github.com/nsarrazin/react-flask-template
- Owner: nsarrazin
- License: mit
- Created: 2021-12-02T20:12:33.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-12-03T06:40:39.000Z (about 3 years ago)
- Last Synced: 2024-12-16T18:37:17.134Z (about 1 month ago)
- Topics: docker, flask, gunicorn, nginx, python, react, socket-io, template, typescript, websocket
- Language: TypeScript
- Homepage:
- Size: 394 KB
- Stars: 2
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# A template for working with react, flask & socketio
## Purpose
This repo contains a simple template for starting projects using the following stack :
- **React** & **Typescript** on the front-end
- **Flask** & **socketio** on the backend
- Docker with **docker-compose** and a **gunicorn** web server + **nginx** for deployment purposes.
## Installation
This project requires a working conda installation for the backend as well as npm for the client. For deployment docker and docker-compose are also needed.
```
git clone [email protected]:nsarrazin/react-flask-template.git
cd react-flask-template
npm install
```
### Development
This starts the server on http://localhost:3000/ with debug mode and it supports auto-reload for both front and backend.
```
npm run install:dev
npm run start:dev
```
### Docker
This starts the react app on http://localhost:8000/web/ using gunicorn and nginx for deployment purposes.
```
npm run build:docker
npm run start:docker
```