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.
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.
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?
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?
When I first tried to implement font awesome in Next JS, I couldn't find any good documentation for it so when I finally found a good site I wanted to share it with all of you! In this video I walked through all of the steps involved in a simple, easy to follow way. I apologize if you didn't get anything out of the video.
@@BenjaminCarlson well it just don't work besides the default icon, I mean I'm unable to use Brand icons from Font Awesome, are you able to? I did everything u said in the video plus the steps from the Font Awesome tutorial website that you've inspeecting on.
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
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.
Glad my video was helpful!
Excellent work Benjamin!
You are THE BEST!!
Appreciate it!
in new version of next js, i was confuse how to add font awesome because different structure folder, there is no pages folder
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.
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.
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?
Thank you.
Glad my video helped!
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?
When I first tried to implement font awesome in Next JS, I couldn't find any good documentation for it so when I finally found a good site I wanted to share it with all of you! In this video I walked through all of the steps involved in a simple, easy to follow way. I apologize if you didn't get anything out of the video.
@@BenjaminCarlson well it just don't work besides the default icon, I mean I'm unable to use Brand icons from Font Awesome, are you able to? I did everything u said in the video plus the steps from the Font Awesome tutorial website that you've inspeecting on.
yup it works for me