web

Web Application

Web application project built with TypeScript, React, and Relay.

Tech Stack

• TypeScript, Babel
• React, Relay, Emotion
• Cloudflare Workers for application routing/rendering at CDN edge locations

Directory Structure

├──common — common React components, UI building blocks
├──core — core application modules (Relay store, router, etc.)
├──dialogs — modal dialog components
├──icons — custom SVG icons in addition to @mui/icons-material
├──menus — pop-up menu components
├──public — static files such as robots.txt, favicon.ico, etc.
├──routes — application routes / pages
├──theme — customized Material UI theme
├──workers — reverse proxy deployed to Cloudflare Workers (CDN edges)
├──config.ts — client-side configuration settings
├──index.tsx — application entry
└──webpack.config.js — Webpack configuration

Getting Started

$ yarn web:relay [--watch]      # Compile GraphQL fragments
$ yarn web:start                # Launch the app using Webpack Dev Server

The app must become available on http://localhost:3000/.

How to Deploy

$ yarn web:build
$ yarn web:deploy [--version #0] [--env #0]