search

bestofjs / javascript-risingstars

:stars: An overview of the JavaScript landscape in 2023: trends about frontend, Node.js, fullstack frameworks, build tools, testing, Vue.js, React, state management...
https://risingstars.js.org
1.01k stars 56 forks source link

Apply the correct banner for each year using dynamic styling #82

Closed michaelrambeau closed 2 years ago

michaelrambeau commented 2 years ago

The background image displayed behind the site title should be different for every year, because it's made of the icons of the leading projects.

Now the 2020 banner is applied to all years.

It seems that using _app.tsx to apply dynamic class to the page <body> does not work: the class name does not change when navigating between years.

I use dynamic solution to change the background image depending on the year provided by the router query object.

vercel[bot] commented 2 years ago

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/bestofjs/javascript-risingstars/tVYuXrC8ouamxFjqRasTMNePdmnG
✅ Preview: https://javascript-risingstars-git-fix-banner-by-year-bestofjs.vercel.app