diff --git a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
index 8184dc809..9b6e10f12 100644
--- a/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
+++ b/content/roadmaps/100-frontend/content/110-build-tools/101-module-bundlers/100-webpack.md
@@ -1 +1,8 @@
-# Webpack
\ No newline at end of file
+# Webpack
+
+Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://webpack.js.org/'>Webpack Official Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Documentation' href='https://webpack.js.org/concepts/'>Webpack Documentation</BadgeLink>