Add Font Awesome to React & NextJS Tutorial

In this tutorial I show you how to easily add Font Awesome in your React JS or Next JS web application. Skip to 1:40 for just the Font Awesome part.

🎉 Thanks for 100 subscribers!! Super excited to continue making videos and grow even bigger! 🎉

Links mentioned in video:

My Coding Gear:

My Camera Gear:

My Favorite Software:

Support Me:

Who Am I?

Connect With Me:

If you need to contact me, the best way is email. I try to respond to everyone but it may take some time!

Disclaimer: Some of the above links are affiliate links. This means I may receive a small commission at no expense to you. This allows me to continue to post videos like this one!

#FontAwesome

[matthewcraig]

This is the clearest example I've seen regarding how to initially set up font-awesome. Their website, along with many tech and tech adjacent sites and documentation, is written with the notion that the reader already knows what is being talked about, which is obviously not the case all the time (in this case, I've never used font awesome until now and previously had no idea how it works or how to apply it, even after looking at the font awesome documentation). Most of this stuff can get extremely complicated, but shouldn't start that way. It should be clear, concise, and make complicated ideas simplified, not the other way around. Your video is refreshing. Thank you.

[KT-utzg]

Thanks for these clear instructions. Although I got this working, I couldn't get color to work on the icon at all. Did you have any success with that in your own projects?

[heuller]

Thanks for the video! How do i change the color? I'm trying to change a 'color' property and it's not having the effect.

[hendrakusuma]

in new version of next js, i was confuse how to add font awesome because different structure folder, there is no pages folder

[lebaf]

If I'm looking to consume those icons via API, how can I do it, with the issue of imports, it really makes it difficult for me to think about it.Greetings.

[mertefe]

you didn't show anything at all, You just used the standard code in the font awesome site. I can't see ur arrow image appearing or u took anything from that website to show besides showing just the default?