diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
index 6552e335e..97144ede7 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/104-vite.md
@@ -1 +1,8 @@
-# Vite
\ No newline at end of file
+# Vite
+
+Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://vitejs.dev'>Vite Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Documentation' href='https://vitejs.dev/guide'>Vite Documentation</BadgeLink>
+<BadgeLink colorScheme='green' badgeText='Course' href='https://youtu.be/LQQ3CR2JTX8'>Vite Crash Course</BadgeLink>