feat: improve perf & UI (#82)

* docs: update demo screenshots

* feat: migrate to new nextjs 13 Link comp (#76)

* feat: upgrade next deps to 13

* feat: migrate new Link comp to use with Mantine Anchor one

* fix: update types for MantineProvider

* feat: new UI (#77)

* feat: update 404 & error page

* feat: new navbar & header

* fix: remove redundant animations

* fix: export custom types

* chore(deps): install new libraries

* feat: update homepage

* Improve seo (#79)

* fix(seo): update img height & width

* fix(seo): update alt attribute for images

* feat(seo): update page metadata

* fix(seo): update meta tags for 404 & error page

* fix: useLayoutEffect error

* chore(a11y): update image size

* feat: improve a11y (#80)

* fix(a11y): update aria-label for buttons

* fix(a11y): update color shade & dark color to fix contrast

* fix(a11y): missing lang attr in html

* perf: improve perf (#81)

* perf: improve font loading

* fix(perf): prevent image shift

* fix: add missing redux types

* feat: replace ts demo with redux counter demo

* docs: update demo screenshots

* chore: update npm scripts

README.md

@@ -79,9 +79,9 @@
 
 <div align="center">
   <p>Light mode</p>
-  <img src="https://user-images.githubusercontent.com/64480713/212477106-e1471929-1229-4537-b35a-cd666aabe553.png" alt="screenshot" />
+  <img src="https://user-images.githubusercontent.com/64480713/215514184-6bd4017d-6ef1-4c76-b8ee-6cf399b19845.png" alt="screenshot" />
   <p>Dark mode</p>
-  <img src="https://user-images.githubusercontent.com/64480713/212477121-d905213f-a8e2-4258-9924-34eca6f90bc8.png" alt="screenshot_dark_mode" />
+  <img src="https://user-images.githubusercontent.com/64480713/215514191-9be45946-0168-4cd9-9c81-88344bd5307f.png" alt="screenshot_dark_mode" />
 </div>
 
 <!-- TechStack -->

package.json

@@ -7,7 +7,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "tsc && next build",
-    "start": "next start",
+    "preview": "next start -p 4000",
     "lint": "next lint",
     "prepare": "husky install"
   },
@@ -22,15 +22,17 @@
     "@tanstack/react-query": "4.22.0",
     "@tanstack/react-query-devtools": "4.22.0",
     "axios": "1.2.2",
+    "clsx": "1.2.1",
     "hash-wasm": "4.9.0",
-    "next": "12.3.1",
+    "next": "13.1.2",
     "next-auth": "4.18.8",
     "nextjs-progressbar": "0.0.16",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-hook-form": "7.41.5",
     "react-redux": "8.0.5",
-    "type-fest": "3.5.3"
+    "type-fest": "3.5.3",
+    "zod": "3.20.2"
   },
   "devDependencies": {
     "@babel/core": "7.20.12",
@@ -43,7 +45,7 @@
     "@typescript-eslint/parser": "5.48.1",
     "eslint": "8.31.0",
     "eslint-config-airbnb-base": "15.0.0",
-    "eslint-config-next": "12.3.1",
+    "eslint-config-next": "13.1.2",
     "eslint-config-prettier": "8.6.0",
     "eslint-import-resolver-typescript": "3.5.3",
     "eslint-plugin-import": "2.27.4",