♻️ Refactor Landing-Page Website Architecture

[Jord-Gui]

Cc: @bradystroud @adamcogan @JackDevAU @leahy268

Pain

The SSW.Dory landing-page website currently uses a Jekyll template hosted in GitHub Pages, which was a quick way to get content up but is too restrictive. We want to update the website to have a custom design.

Potential solutions

1. WordPress (may not be worth the cost for a project site)
2. Gatsby + GitHub Pages (Gatsby not SSW recommended solution, but has documentation on how to deploy to GitHub Pages)
3. NextJS (more work involved to get it deployed and may be overkill for this. Wouldn't be an issue if we hosted on Vercel)

As this is a complete re-architect, we can also trial out Bun 1.0 https://bun.sh/blog/bun-v1.0

### Tasks
- [x] Confirm cost of hosting on WordPress
- [x] Write down Pros and Cons on Gatsby and NextJS
- [x] Get solution approved by Product Owner

[Jord-Gui]

Wordpress has limited sites. Around $6K a year for 10 sites. We already have 27. Initial discussion was that it's not worth taking up the remaining 3 slots for a static single page website.

[JackDevAU]

Maybe try out Astro 👀https://astro.build/

GitHub Pages: https://docs.astro.build/en/guides/deploy/github/

[Jord-Gui]

https://www.ssw.com.au/rules/best-static-site-tech-stack/

[Jord-Gui]

Cc: @adamcogan @samsmithssw @bradystroud As discussed with @adamcogan, we will be going with Option B

Option A: WordPress https://wordpress.com/

• ✅ Easiest to implement
• ❌ Pricey
• ❌ Limited sites, ~$6k a year for 10 sites
• ❌ We already have 27 sites used, leaving 3 more slots available
• ❌ Initial discussion - not worth for a static single page website.

Options B: NextJS https://nextjs.org/ (recommended)

• ✅ Popular
• ✅ SSW recommended - we would recommend Next JS to a client
• ✅ Skills - SSW knows how to build Next JS
• ❌ Overkill for a static single page website
• ❌ No official support/more work involved to deploy to GitHub Pages or Azure static web apps

Option C: Astro https://astro.build/

• ✅ Target towards content-first websites
• ✅ Faster than NextJS and Gatsby for this use case
• ✅ Documentation to deploy to GitHub Pages or Azure static web apps
• ❌ Not as popular as NextJS or Gatsby
• ❌ Consistency - different to SSW website

~Gatsby https://www.gatsbyjs.com/

• ✅ Good for static sites
• ✅ Documentation on how to deploy to GitHub Pages or Azure static web apps
• ❌ Not as popular as NextJS~

SSW Rule: https://www.ssw.com.au/rules/best-static-site-tech-stack/

Figure: Google Trends comparing NextJS, Gatsby, Wordpress and Astro. Note: Astro may refer to other things

[Jord-Gui]

Done - as per discussion, will refactor to NextJS. This is tracked in Issue #64