User cannot access specific case study / blog post by url w/ id

[rivernews]

e.g. .../portfolio/38 (Problem Roulette), will give 404 not found.

Initial Inspect:

• Seems like django is trying to serve the request, but such route should be processed by frontend's route.

Steps:

• Should we just pass all "page" & static file type request to frontend? And pass all "api" type request to django backend.
  • Does S3 support this? Because for /portfolio/38 in S3 it will still try to find it in bucket, which it should not.
  • ... TODO

---

Potential solutions:

• Turn frontend backend into separate repos.
  • [x] Copy angular code into a separate repo
  • [x] Build angular in new repo, and have github set a page up.
  • See if local angular can run in its repo, and successfully request against django.
  • External page, login, internal page, and post editing request should all be working
  • [x] See if prod github angular website can all work.
  • [x] Adopt api base url
  • [x] Design - backend and frontend should use diff domains
  • [x] frontend: shaungc.com
  • [x] backend: api.shaungc.com would be nice
  • [x] Changes in tf
  • [x] Cancel using / for shaungc.com in K8's ingress
  • [x] No need to serve static files anymore
  • [x] Clean up tf
  • [x] Deploy tf
  • [x] 🛑 Setup CNAME for frontend to use shaungc.com
  • Some issue to set apex name a new CNAME, except it is AWS resource, say, S3. Two options:
    • Setup frontend dist on S3
    • Find ways to link apex domain name to ghpage deployed website.
    • [x] Follow this post to setup route53 w/ github, also refer to github page to setup domain.
    • [x] For route53, only setting apex domain A and github setting is not enough, look at this post, also have to setup www.shaungc.com CNAME to rivernews.github.io.
    • [x] Root website working, TLS working now. But static files not! Going to shaungc.com, the resources will claim on shaungc.com/iriversland2-spa/main.js. Will changing angular's build --base-href solve this? No...🛑
    • [x] Looking at this post suggests that --base-href should be the full custom domain, also provide a CNAME file in src! Working now after setting it to https://shaungc.com
    • [x] 🛑 OK, now another issues come out, we'll create another comment block for this. This will gonna be long.
  • [x] Clean up - api dockerfile no longer needs to build node (frontend)
  • [ ] Update doc, so that they reflect separate repo change.
• Figure out how to pass url to frontend angular...
  • Still don't have an idea how to do it

[rivernews]

Future Note, Concerns

• TLS certificate cannot do multi-level wildcard at once. You can only do it like:
  • *.shaungc.com
  • *.api.shaungc.com
  • But not *.*.shaungc.com

[rivernews]

Refresh page got directed to github page 404

Some how rel paths are terminated by github page, and not sent to angular, so angular routing got useless here.

• Inspired by this SO post, and thus look back at the angular official doc on deployment about also preparing a 404.html.
• Issue solved!