ça-mâche-quoi Front

ça-mâche-quoi front is a React web application in TypeScript.

Installation

make install

Development

Start the dev server / watcher:

make serve

Linting:

make lint

Configuration

The app exposes some configuration variables through env vars.
By default, it loads vars from env files depending on the context, in the following order:

1. .env
2. .env.local
3. .env.{production,staging,development}
4. .env.{production,staging,development}.local

Last defined value wins. Actual env var always wins.

Note: You can also load another specific env file determined by the ENV_FILE var, for instance:

ENV_FILE=.env.production make serve

To add new configuration variables, add these to the main .env file and provide a development value (if relevent) in the .env.development file.

Build

Build for production using:

make build@production

Build for staging using:

make build@staging

Serve

Serve a build:

make serve.static

Going further

• Assets
• Routes

References

• TypeScript
• TypeScript Cheatscheet
• Apollo GraphQL Client
• Using Apollo with TypeScript

---

⬆︎ Back to README.md