How to build a website using NextJS 13 and Tailwind CSS

Hello everyone!
In today's session, I'll be demonstrating the process of transforming the FamSec Figma design (homepage) Figma Tutorial - How to design a stun... into a functional template using  NextJS 13 and TailwindCSS.

-------------------------------------------------------------------
☕ Buy me a coffee and support me  through: ❤

👉 https://www.buymeacoffee.com/joefreyc...

👉 https://ko-fi.com/s/715c8871c4

-------------------------------------------------------------------
👉 See demo here
https://famsec-nextjs.vercel.app/

-------------------------------------------------------------------
🔔 Subscribe Now!
@joefreycodes.


For those interested in following the steps closely, you can obtain the images I've utilized for this project by downloading them from this link -- https://joefreycodes.com/how-to-build...

If you find this content helpful, I'd appreciate it if you could show your support by giving this video a thumbs up and considering subscribing to my channel -- @joefreycodes.

Visit our newly published website: https://joefreycodes.com/
Subscribe to my channel: @joefreycodes

-------------------------------------------------------------------
Contents of this video

00:00 - Intro and demo of the NextJS template
01:11 - Setup NextJS and install some packages
02:25 - Extend Tailwind CSS with custom colors
03:14 - Create Navigation.js UI component
14:00 - Create the Hero.js UI component
20:15 - Create the Stats.js UI component
32:43 - Create the Services.js UI component
38:13 - Create the Solutions.js UI component
49:11 - Create the Testimonial.js UI component
1:01:34 - Create the RecentBlog.js UI component
1:18:18 - Create the Footer.js UI component
1:27:22 - Adding AOS for animation

Twitter: Twitter: joefreycodes

#nextjs13 #tailwindcss #nextjstutorial #reactjs  #animation #swiper #html

• #education
• #nextjs
• #tailwindcss
• #tutorial