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
Watch video Responsive Website with Navbar, Sidebar and Dropdown Menus | React, Tailwind CSS, Astro JS Tutorial online without registration, duration hours minute second in high quality. This video was added by user Carlos Mafla 29 September 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 6,64 once and liked it 9 people.