How to build a website using NextJS 13 and Tailwind CSS

Save
2 years ago
23
nextjs13 tailwindcss nextjstutorial reactjs animation swiper html

Hello everyone!
In today's session, I'll be demonstrating the process of transforming the FamSec Figma design (homepage)

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

Loading comments...