Frontend source code of the glefix.dev website Features Optimized for serverless deployment to CDN edge locations (Cloudflare Workers) HTML page rendering (SSR) at CDN edge locations, all ~100 points on Lighthouse Hot module replacement during local development using React Refetch Pre-configured with CSS-in-JS styling using Emotion.js Pre-configured with code quality tools: ESLint, Prettier, TypeScript, Jest, etc. Pre-configured with VSCode code snippets and other VSCode settings The ongoing design and development is supported by these wonderful companies: Directory Structure ├── .github ? GitHub configuration including CI/CD workflows ├── app ? Web application front-end built with React and Material UI ├── edge ? Cloudflare Workers (CDN) edge endpoint ├── env ? Application settings, API keys, etc. ├── scripts ? Automation scripts such as yarn deploy ├── tsconfig.base.json ? The common/shared TypeScript configuration └── tsconfig.json ? The root TypeScript configuration Tech Stack React , React Router , Recoil , Emotion , Material UI , Vite , Rollup , TypeScript , ESLint , Prettier , Jest , Yarn with PnP Getting Started Generate a new project from this template, clone it, install project dependencies, update the environment variables found in env/*.env , and start hacking: $ git clone https://github.com/glef1x-dev/frontend frontend $ cd ./frontend $ pnpm install $ pnpm run start