diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index d84056a4..aabe28ce 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -1,8 +1,19 @@
 /** @type {import('next').NextConfig} */
+
+const path = require('path');
 const webpack = require("webpack");
 
 module.exports = {
   webpack: (config) => {
+
+      // Add path aliases
+    config.resolve.alias = {
+      ...config.resolve.alias,  // preserve existing aliases
+      '@components': path.join(__dirname, 'components'),
+      '@styles': path.join(__dirname, 'styles'),
+      // Add more aliases as needed
+    };
+
     config.plugins.push(
       new webpack.ContextReplacementPlugin(/keyv/, (data) => {
         delete data.dependencies[0].critical;