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...
React Icons: https://react-icons.github.io/react-i...
Chakra UI templates: https://chakra-templates.dev/
Vercel: https://vercel.com/
GitHub Repo: https://github.com/hqasmei/chakra-ui-...
👩💻 Connect
Github: https://github.com/hqasmei
Twitter: / hqasmei
LinkedIn: / 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
Смотрите видео Build a Professional Landing Page with Next.js 13, Chakra UI and Vercel онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Hosna Qasmei 20 Январь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 33,86 раз и оно понравилось 89 людям.