diff --git a/.gitignore b/.gitignore
index 877b4d2..474b4de 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,7 @@
 _/
 
 # auto generated files
-/src/data/
+/src/data/**
 !/src/data/NavbarData.tsx
 /public/img/skills.svg
 /public/img/projects.svg
diff --git a/src/data/NavbarData.tsx b/src/data/NavbarData.tsx
new file mode 100644
index 0000000..9cbd534
--- /dev/null
+++ b/src/data/NavbarData.tsx
@@ -0,0 +1,33 @@
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import {
+	faAddressBook,
+	faHome,
+	faIdCard,
+} from "@fortawesome/free-solid-svg-icons"
+
+// item from sidebar data
+export type Item = {
+	path: string
+	icon: JSX.Element
+	title: string
+}
+
+const NavbarData: Array<Item> = [
+	{
+		title: "Home",
+		path: "/",
+		icon: <FontAwesomeIcon icon={faHome} />,
+	},
+	{
+		title: "About",
+		path: "/about",
+		icon: <FontAwesomeIcon icon={faIdCard} />,
+	},
+	{
+		title: "Portfolio",
+		path: "/portfolio",
+		icon: <FontAwesomeIcon icon={faAddressBook} />,
+	},
+]
+
+export default NavbarData