feat: #13 convert project to be SSG based

[thescientist13]

Related Issue

resolves #13

Summary of Changes

1. Refactor project to be SSG based, using getStaticProps / getStaticParams

TODO

1. Pages
   • artists (landing)
   • artist details
   • albums (landing)
   • album details
   • contact
   • events
   • event details
   • home page
2. upstream the feature - Support pre-rendering (SSG) for dynamic routes ProjectEvergreen/greenwood#1622
3. unexpected output? - feat: #13 convert project to be SSG based #112 (comment)
4. posts list styles are breaking on adoptedStyleSheets usage
5. figure out issue with escaping JSON for artist bio / album title (fix in DB?)
6. figure out why Quick Links event handling doesn't work
   • needs feat(jsx): #88 inline event handlers support ProjectEvergreen/wcc#272 ?
7. figure out why Social Share component is not showing links (+ fix styles) - share attribute not working in vanilla JS implementation peterpeterparker/web-social-share#65
   • FF does not support native sharing... :/ - Web Share API mozilla/standards-positions#27
8. Greenwood upgrade types
9. Greenwood static assets busted
10. setup SST - adopt SST for website deployments #111
    • API requests not working
    • events page is returning empty event details page
11. make sure all name / title -> link encoding is working (e.g. check all links)
12. clicking link on artist / album details leads to 404 page
13. responsiveness / like for like check with production site
    • social share styles
    • album / artist details mobile
    • long content overflows on details pages
    • events images overflowing
14. meta tags / SEO / page level <title> tags
15. make scripts use data-gwd-opt="static" where possible
    • can posts list just be a static component? - no, it makes fetches
16. unpatch patch-package / overrides - feature(cli): #1622 support pre-rendering for dynamic routes (getStaticPaths and getStaticParams) ProjectEvergreen/greenwood#1675
17. workflows
    • oxfmt - sticking with Prettier
    • oxlint (what about typescript eslint?) - keeping (ES|TS)Lint
    • husky / lint-staged
18. refresh README (tech stack)

Cutover Tasks

1. fork repo / copy issues / archive repo
2. hook up new domain name
3. setup redirects from old site to new site
4. disconnect Netlify
5. clean up environment variables in GitHub Actions
6. backup v1 / merge v2 into main
7. configure Preview environment for PRs

Upstreams / Thoughts

1. WCC
   • (inline) event handlers not supported / no event object callback - feat(jsx): #88 inline event handlers support ProjectEvergreen/wcc#272
   • shadow root detection - bug: #258 jsx shadow root detection using wrong source input contents ProjectEvergreen/wcc#276
   • types support - types are missing for <svg> tags usage in JSX ProjectEvergreen/wcc#277
     • tabindex (buttons)
     • <svg> (social share component has TS error on SVG tag)
   • svg types still broken - fix: #277 fix <svg> types ProjectEvergreen/wcc#280
   • (nice to have) private members / methods don't work for event handlers - support private members / methods in JSX render functions for event handlers ProjectEvergreen/wcc#279
   • (nice to have) import aliases don't work (this might not be solvable short term) - TODO upstream issue
2. Greenwood
   • GetStaticParams types broken - fix(cli): #1622 fix get static params types ProjectEvergreen/greenwood#1698
   • static pages are busted
   • tsx pages not working?
   • content as data client w/ getStaticParams? - see Dynamic Routing Enhancements ProjectEvergreen/greenwood#1692
   • meta tags are not merging

Fast Follows

1. contact page form is not working #113
2. upgrade TypeScript 6 / 7
3. Next iteration (phase 3) - Hybrid Architecture (Serveless, Incremental, SSR) #37
   • caching API calls
   • effect?
   • what should be SSG vs SSR vs CSR + APIs?
     • should we move to markdown?
     • keep "real time" content as client side APIs?
   • should we just merge the API repo into this project?
4. remove bootstrap (Open Props) / font-awesome / refactor for more idiomatic CSS styles
5. analytics (server side?)
6. isormphic service endpoints
7. stylelint fixup prefers reduced motion
8. paginate (by year?) events fetching
9. restore storybook
10. restore testing (Vitest)
11. get navigation links from content collection
12. track misc TODOs
13. refactor events calendar to use Temporal API
14. sitemap
15. centralize / share all calendar related constants
16. would be nice to have albums sub-pathed by artist; e.g. /[artist]/album/[album-name]/
17. filter SST config for SSR pages per - https://github.com/ProjectEvergreen/greenwood/blob/v0.34.0-alpha.9/packages/plugin-adapter-aws/src/index.js#L81
18. restore test cases + GitHub Actions (wtr or vitest? - probably vitest, since we'll also be using storybook)

[netlify]

❌ Deploy Preview for practical-fermat-fa2c48 failed.

Name	Link
🔨 Latest commit	7473fe3
🔍 Latest deploy log	https://app.netlify.com/projects/practical-fermat-fa2c48/deploys/6a38037970e5640008996d54