SSWConsulting / SSWConsulting/SSW.Website

⚡Latest Technology Cards - Prefetch global technology information

Open
#3,453 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
14
Forks
10
Avg merge
13h 51m
Merged PRs (30d)
38

Description

Description

The "Related Technologies" card component is slow to load because the data fetching is done client side. We should move the data fetching for the global related technologies configuration into a server component for better performance and UX.

Related issue

https://github.com/SSWConsulting/SSW.Website/issues/3320

Note

I've created a branch for moving the data fetching into a server component and gotten it working, but there are some runtime exceptions that occur when editing the component in Tina. https://github.com/SSWConsulting/SSW.Website/tree/latest-technologies-server-rendering

Screenshots

Image

Figure: Delayed loading for related technologies cards

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the existing latest-technologies-server-rendering branch and compare its Related Technologies card changes with the related issue 3320. Reproduce the runtime exceptions while editing the component in Tina, then verify that global related-technologies data is fetched in a server component and the card no longer has delayed client-side loading.

Written by the indexing model from the issue text.

Assessment

Tech stack
nextjs
Domain
frontend, performance
Issue type
Refactor
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.