Create a Landing Page with Next.js 13.4, Tailwind CSS and Tailblocks
This video shows you step-by-step how to create a striking landing page with Next.js 13.4, Tailwind CSS, and Tailblocks. Learn how to build up a fresh Next.js project using the App Router and implement chic designs with Tailwind CSS by following along with us. To save effort and provide a polished appearance, we'll make use of Tailblocks' pre-made, customisable components.
#tailblocks #irvinemesa #nextjstutorial
🌟Full playlist here: • Next.js Tutorials for beginners
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
📚 Resources
⭐Code Editor : https://code.visualstudio.com/
⭐Tailblocks: https://tailblocks.cc/
⭐ GitHub Repo:
⭐ Next.js 13: https://nextjs.org/
⭐ Tailwind CSS: https://tailwindcss.com/
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
🔔 To Stay Tuned for More videos SUBSCRIBE Here!🔔
/ @irvinemesa
👏🏽 Hit the THANKS button in any video!
🌎 Connect with me!
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
🎨Hire me on Upwork: ➡︎ https://www.upwork.com/workwith/irvin....
⭐Become member on Discord: ➡︎ / discord
⭐Github: ➡︎https://github.com/DrMESAZIM
⏰ Time Codes ⏰
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
0:00 - Intro
0:37 - create components folder
1:39 - header component
2:44 - footet component
3:36 - hero component
4:35 - content component
5:57 - feature component
7:00 - contact component
🍿 Take A Look At Some Of My BEST Videos! 🍿
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
🌟HPart #1 | How To Make Betting Website Like 1XBET | HTML and CSS PROJECTS
• Part #1 | How To Make Betting Website Lik...
🌟INTERACTIVE CARD DETAILS FORM | FRONTEND MENTOR CHALLENGE
• INTERACTIVE CARD DETAILS FORM | FRONTEND M...
🌟HProduct preview card component | Frontend Mentor Challenge (New & Shorter Tutorial)
• Product preview card component | Frontend ...
🌟How to create Next.js project in Visual Studio Code | create-next-app
• How to create Next.js project in Visual St...
🌟How to Submit Frontend Mentor Solution Using GitHub (Easy & Quick 2023)
• How to Submit Frontend Mentor Solution Usi...
🧲 Take A Look At Some Of My BEST Playlist! 🧲
➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖
🌟How To Make Betting Website Like 1XBET | HTML and CSS PROJECTS :
• How To Make Betting Website Like 1XBET | ...
🌟How to Make Betting Website like Bet365 | HTML and CSS Projects
• How to Make Betting Website like Bet365 | ...
🌟HTML and CSS Projects:
• HTML and CSS Projects
🌟Frontend Mentor Challenges :
• Frontend Mentor | Challenges
🌟JavaScript Projects for Beginners:
• JavaScript Projects for Beginners
🌟How to Make Website Like Canva | HTML and CSS Projects:
• How to Make Website Like Canva | HTML and...
-----------------------------------------------------------------------
Disclaimer: Some of the links might be affiliate links,
which means that I'll receive a commission in case you like and decide to purchase the
product or service. This comes at no extra cost for you.