Design comparison
Solution retrospective
My first Intermediate Project! I've decided to jump directly to intermediate ones to better sharpen my skills.
I've done it using NextJS 13 and the updated appDir features. It took me a long time to figure out how to do it, especially the variable background images if you add the transparent header in the RootLayout - as I would have to attack my <body> tag to change it. I resorted to using usePathname and checking which path I'm currently in. What's a better way to achieve this? The use cases using Next13 are scarce so I doing it the way it works (and probably not the best way).
To change what's shown on the page I relied on the useState variable.
onClick -> setChange(index) -> update the page.
The fonts are configured using CSS variables + Tailwind, for example:
const barlow = Barlow({ subsets: ["latin"], weight: ["400"], variable: "--barlow", });
and then sending it to <body> via ${barlow.variable}
Overall, I'm happy with how it is right now! If you have suggestions or feedback, please do it.
Changing from show ip ospf 1 to :wq is not quite easy but surely it will be a worthwhile adventure :D
Community feedback
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord