Submitted over 1 year ago

Product preview card component using Next.js

next, react, typescript, tailwind-css

TKD04•70

@TKD04

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

What challenges did you encounter, and how did you overcome them?

Art direction with image optimization from Next.js using getImageProps() did not work

It works in dev and build on local, but on deployment, Next.js removes srcSet from source elements. 🤔 I tried to fix the problem by searching on the web but I did not find a solution that worked, so I used normal art direction.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on TKD04's solution.

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