SSW Website
This repository is a v2 of the SSW Website.
This is a Gatsby website that fetches content from:
See the Important Documents
- Instructions - Compile (F5 Experience)
- Instructions - Deployment
- Business
- Technologies and Architecture
- Alternative Solutions Considered
- Definition of Done
- Definition of Ready
Architecture Overview
Figure: SSW Website architecture diagram
♻️ Upgrade all package dependencies
Cc: @pierssinclairssw @adamcogan @AttackOnMorty
Hi @ozairashfaqueSSW
Pain
In the last yarn outdated run, 3 packages required major backward-incompatible updates
Tasks
Screenshots
Thanks!
✨ Consulting - Add "I'm a developer" referral form
Cc: @lukecookssw @pierssinclairssw @ozairashfaqueSSW
To Myself
Describe the Pain
The form is showing the Booking form instead of the Referral form
To Reproduce
Steps to reproduce the behavior:
Expected Behavior
This referral form should be shown instead
Figure: What should be showing when the referral button is clicked
Tasks
More Information
Environment
Screenshots
Thanks!
✨ Home Page - Enhance SSW TV and Contact Us component
Cc: @pierssinclairssw @adamcogan
Hi @ozairashfaqueSSW
Pain
After comparing with the old website, there are a few enhancements that need to be made.
Tasks
Screenshots
Thanks!
✨ Have a nice URL for the Staging Environment
Cc: @adamcogan @AttackOnMorty @pierssinclairssw @ozairashfaqueSSW
To Myself,
Pain
Our existing Staging website does not have a nice looking URL
Tasks
Thanks!
👷 DevOps - Build health check update
Cc: @adamcogan @pierssinclairssw @AttackOnMorty
To Myself
Pain
Currently the
build-main.yml
workflow has hardcoded values for the environment variablesTasks
Staging
as an environmentProduction
environmentThanks!
✨ Consulting Template - Add booking form
Cc: @adamcogan @pierssinclairssw @lukecookssw @AttackOnMorty
To Myself,
Pain
We would like to add consulting booking form
Tasks
Screenshots
Thanks!
✨ Index Page - Enhance Carousel component
Cc: @pierssinclairssw @adamcogan
Hi @ozairashfaqueSSW
Pain
As per our conversation in the Sprint Review 5, we need to add a few enhancements to the Carousel component
Suggested Solution
Tasks
why choose SSW
Vimeo videoScreenshots
why choose SSW
image and carousel indicatorsThanks!
✨ Index page - Add core services panels
Cc: @adamcogan @AttackOnMorty @pierssinclairssw @christianmorfordwaitessw
To Myself
Pain
The new index page isn't quite like the existing production SSW Website index page
Tasks
Screenshots
Thanks!
Feat dynamic routing
Resolves #22
Use
{mdx.slug}.tsx
file naming syntax to generate routings automatically. Refer to https://www.gatsbyjs.com/docs/tutorial/part-6/#task-create-blog-post-page-template💚 DevOps -Add GitHub Actions to Build and Deploy to Azure Storage
PR to create basic GitHub actions for building and deploying the Gatsby Site to Azure.
These will require Environments/Secrets to be set up in the GitHub Repo.
#12 #13
Adding Workflows for Production and Staging:
main
branch✨Create consulting pages based on file directory
Cc: @adamcogan @pierssinclairssw @christianmorfordwaitessw @AttackOnMorty
To Myself
Pain
Currently in Rules, we define a rule's URL based on the front matter. This isn't great because we need to change the folder name and frontmatter when updating the uri of a rule.
Suggested Solution
Use GraphQL magic to define pages by their folder names.
Tasks
Thanks!
🐛 Icons are broken on consulting pages
Hi @lukecookssw
Describe the Bug
Icons aren't working on the consulting pages
To Reproduce
Steps to reproduce the behavior:
Figure: Broken icon
Figure: CORS error loading icons + lots of other errors 😬
Expected Behavior
icons work
Tasks
Thanks!
🐛 SSW offices widget showing wrong info + bad styling
Cc: @2fernandez , @adamcogan
Hi @lukecookssw
Describe the Bug
The offices widget on the Gatsby site is giving wrong info!
E.g. Right now it's Saturday in Sydney but office is showing as "open"... Same for Melbourne and Newcastle and strangely not for Brisbane... although offices have exactly the same business hours...
Also, it's showing content that were bold (phone number and business hours/days) in red...
To Reproduce
Steps to reproduce the behavior:
Tasks
Make sure the Gatsby widget is consistent with the ASPX
Screenshots
❌ Figure: Wrong info and styling in the Gatsby website
✅ Figure: Right info and styling in the ASPX website
Thanks!
Related issue: https://github.com/SSWConsulting/SSW.Website/issues/266
♻️ Make footer consistent
Hi @lukecookssw
Pain
Not sure why the footer links were migrated to gatsby in a different way (sitemap and health check links are in a different row)
What code could be improved?
Make footer consistent with the rest of website sites
Tasks
Screenshots
Thanks!
♻️ Should we redirect /ssw to the new site?
Cc:
Hi @lukecookssw
Pain
We currently have 2 public homepages:
What code could be improved?
Should we redirect the older one?
Tasks
Thanks!