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