diff --git a/pages/index.tsx b/pages/index.tsx
index f8d44254..abc8ecc1 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,6 +1,6 @@
-import HelloWorld from 'components/apps/HelloWorld';
 import type { ReactElement } from 'react';
+import processDirectory from 'utils/processDirectory';
 
 export default function Home(): ReactElement {
-  return <HelloWorld />;
+  return <processDirectory.HelloWorld.Component />;
 }
diff --git a/utils/processDirectory.tsx b/utils/processDirectory.tsx
new file mode 100644
index 00000000..c2bd19e2
--- /dev/null
+++ b/utils/processDirectory.tsx
@@ -0,0 +1,9 @@
+import dynamic from 'next/dynamic';
+
+const processDirectory = {
+  HelloWorld: {
+    Component: dynamic(() => import('components/apps/HelloWorld'))
+  }
+};
+
+export default processDirectory;