Why can’t I get my LOGO in my APP? 😨 How to import SVGs in Next.js
Let's setup our Next.js app to import SVGs as React components! Get that infinite scalability and easy recolouring 🥰
More in our "An app with Next.js" series: • An App with Next.js
Highlighted software:
Next.js: https://nextjs.org/
SVGR: https://react-svgr.com/
Figma: https://www.figma.com/
🎶 I've remixed Screaming Out by Duplex Heart, for the background music 🎶
See the code: https://github.com/jmagrippis/eri
No affiliations whatsoever: if I show something, you know you're hearing my unfiltered thoughts 😄
My own website: https://magrippis.com/
--
TIMESTAMPS
--
0:00 - Why can I not add logos?
0:59 - @svgr/webpack config
3:05 - Sizing options
4:03 - TypeScript definitions
5:37 Dynamic colours
8:30 Accessibility with aria-labels
8:40 - Next up…
Watch video Why can’t I get my LOGO in my APP? 😨 How to import SVGs in Next.js online without registration, duration hours minute second in high quality. This video was added by user Johnny Magrippis 12 July 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 12,207 once and liked it 239 people.