portfolio

Portfolio of bill42362

Usage

Run with docker

$ yarn dockerrun

Roadmap

• Enable server side render (SSR) on both production and develop enviroment.
  • yarn start, yarn devstart
  • Enable optional enviroments on both stage. (HTTPS, MORGAN, HELMET)
  • Enable hot-reload on develop enviroment.
• Enable Docker caching.
  • Add Dockerfile for server side render image.
  • Add Dockerfile stages for compile client side render artifacts.
  • Add different docker build stages to maximize cacheability.
• Enable using GitHub Action and Docker Hub as CI.
  • Add GitHub workflow files to build docker images across stages.
  • Enable push/pull stage images to Docker Hub for caching.
• Enable hosting sample sites for each branch/tag on GitHub Page.
  • Deploy static client side render files to gh-page branch during build process.
  • Enable deploy gh-page folders by branch. (ex: feature/async_import branch to /feature-async-import folder)
  • Enable deploy gh-page folders by tag. (ex: v1.0.1 tag to /v1.0.1 folder)
  • Modify <base> tag to enable hosting branched on and files referencing.
• Enable PWA for each branch.
  • Add manifest generator in webpack.
  • Enable generate manifest per branch.
  • Enable generate service worker per branch.

Experiment roadmap

• SSR + Code spliting + Intersection observer
• x-state
• WebGL
• Electron