Responsive Website with Navbar, Sidebar and Dropdown Menus | React, Tailwind CSS, Astro JS Tutorial
Hey guys, in this video, we will create this landing page using Astro, Astro is a framework to generate static websites with very minimal Javascript so they load super fast. Astro can be easily integrated with other frameworks and in this case we'll use React and Tailwind. In this project we will create two React components the Navbar and the Sidebar, so that's the only Javascript that will be included by Astro. This is a Frontend Mentor challenge, they release this challenges every week or so, so make sure to check out their website to get all the files for this project.
00:00 - Project Demo
00:35 - Install Astro with React and Tailwind support
04:53 - Responsive Navbar with Dropdown Menus
43:51 - Responsive Sidebar with Dropdown Menus and Animations
** Check out a live demo **
🚀 Demo ➜ https://astro-landing-page-tailwindcs...
*Please star the repo*
💻 Github ➜ https://github.com/gigo6000/astro-lan...
*Need help?*
👾 Discord ➜ / discord
🏋🏻♀️Frontend Mentor Challenge ➜ https://www.frontendmentor.io/challen...
*Subscribe to my newsletter*
📬 Newsletter ➜ http://eepurl.com/dGyT0L
*Pictures of my setup*
📸 Instagram ➜ / gigo6000
*Send me a tweet!*
🐦Twitter ➜ / gigo6000
#javascript #tailwindcss #astrojs
Смотрите видео Responsive Website with Navbar, Sidebar and Dropdown Menus | React, Tailwind CSS, Astro JS Tutorial онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Carlos Mafla 29 Сентябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 6,64 раз и оно понравилось 9 людям.