NFT Preview Card Component using Next JS and TypeScript

Community feedback

• 

  StarWolf•260

  @BParadowskiPosted about 1 year ago

  Hello again,

  • Svgs: It depends on what you want to do with an svg. If you intend to use it as you would any other image you should simply use nextjs <Image> component. If you want more granular control over it (for instance to style it with css) you can convert it to a component. There is a popular library called Svgr that does it for you (and makes the components much more readable), you can demo it in the browser here and copy-paste the component into your app.
  • Height and width attributes in next <Image> define aspect ratio of your image. I could explain further but frankly you should just read the docs. The recommended way to use images in your next js app is to import them like other assets: import image from "/assets/image...." It gets transformed into StaticImageData type and you can place this object into "src" attribute of <Image> (height and width properties are then inferred automatically)

  Marked as helpful

  1

  ---

  

  Taufiq•150

  @taufiqmahdiPosted about 1 year ago

  @BParadowski

  I see, that explains it much! Thank you.

  Hmm, that means we can pass bigger values for image that will be rendered bigger? I mean if we are going to use the image as an icon or a small avatar, we better pass smaller values right?

  Again, thank you for the feedback! :D

  0

  

  StarWolf•260

  @BParadowskiPosted about 1 year ago

  @taufiqmahdi

  In response to your questions: no.

  Read the docs :)

  1