Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel

Are you looking to build a professional landing page using the latest and newest tech stack? Look no further! In this video, learn how to use Next.js 13, Chakra UI, and Vercel to create a sleek and modern landing page for your website. Don't miss out on this tutorial! 📚 Resources - Next.js: https://nextjs.org/docs - Chakra UI: https://chakra-ui.com/getting-started/nextjs-guide - React Icons: https://react-icons.github.io/react-icons/search?q=close - Chakra UI templates: https://chakra-templates.dev/ - Vercel: https://vercel.com/ - GitHub Repo: https://github.com/hqasmei/chakra-ui-and-nextjs-landing-page 👩‍💻 Connect Github: https://github.com/hqasmei Twitter: https://twitter.com/hqasmei LinkedIn: https://www.linkedin.com/in/hosnaqasmei/ ⌛ Timestamps 0:00 Intro 0:38 Create Next.js App 2:25 Add Chakra UI to project 3:25 Add react-icons to project 3:45 Add Chakra UI Provider 6:21 Create components directory 7:56 Create Navbar 9:52 Create HeroSection 11:33 Create Features 12:23 Create Testimonials 13:27 Create Footer 15:32 Create Sign In/Sign Up Pages 19:14 Check responsivity 19:52 Deploy to Vercel 21:28 End