refactor: reorg homepage

thedaviddias · Feb 8, 2025 · 6b465ef · 6b465ef
1 parent cdc7d35
commit 6b465ef
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 20 deletions.
diff --git a/app/_constants/patterns.ts b/app/_constants/patterns.ts
@@ -1,22 +1,22 @@
 import { Pattern } from "../_utils/get-pattern-categories"
 
 export const PATTERNS_MAP = {
+  'content-management': {
+    name: 'Content Management',
+    path: 'content-management'
+  },
   navigation: {
     name: 'Layout & Navigation',
     path: 'navigation'
   },
+  'user-feedback': {
+    name: 'User Feedback',
+    path: 'user-feedback'
+  },
   forms: {
     name: 'Input & Forms',
     path: 'forms'
   },
-  'content-management': {
-    name: 'Content Management',
-    path: 'content-management'
-  },
-  'user-feedback': {
-    name: 'User Feedback',
-    path: 'user-feedback'
-  }
 } as const
 
 export type Category = {

diff --git a/content/en/patterns/_meta.tsx b/content/en/patterns/_meta.tsx
@@ -16,26 +16,26 @@ export default {
     title: <Separator>Categories</Separator>,
     type: 'separator',
   },
-  'navigation': {
-    title: 'Layout & Navigation',
+  'content-management': {
+    title: 'Content Management',
     theme: {
       collapsed: false
     }
   },
-  'forms': {
-    title: 'Inputs & Forms',
+  'navigation': {
+    title: 'Layout & Navigation',
     theme: {
       collapsed: false
     }
   },
-  'content-management': {
-    title: 'Content Management',
+  'user-feedback': {
+    title: 'User Feedback',
     theme: {
       collapsed: false
     }
   },
-  'user-feedback': {
-    title: 'User Feedback',
+  'forms': {
+    title: 'Inputs & Forms',
     theme: {
       collapsed: false
     }

diff --git a/content/en/patterns/when-to-use-what.mdx b/content/en/patterns/when-to-use-what.mdx
@@ -70,9 +70,18 @@ Each pattern includes:
 
 ## Navigation Patterns
 
-| Pattern                                                 | Best For                                | Avoid When            | Key Features        | Related                                                 |
-| ------------------------------------------------------- | --------------------------------------- | --------------------- | ------------------- | ------------------------------------------------------- |
-| [Back to Top](/patterns/navigation/back-to-top)         | ✅ Long pages<br/>✅ Quick return       | ❌ Short content      | ✅ Quick navigation | [Infinite Scroll](/patterns/navigation/infinite-scroll) |
-| [Infinite Scroll](/patterns/navigation/infinite-scroll) | ✅ Content feeds<br/>✅ Continuous flow | ❌ Structured content | ✅ Auto-loading     | [Back to Top](/patterns/navigation/back-to-top)         |
+| Pattern                                                 | Best For                                                    | Avoid When                                       | Key Features                                   | Related                                                                                                   |
+| ------------------------------------------------------- | ----------------------------------------------------------- | ------------------------------------------------ | ---------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
+| [Back to Top](/patterns/navigation/back-to-top)         | ✅ Long pages<br/>✅ Quick return                           | ❌ Short content<br/>❌ Mobile-first designs     | ✅ Quick navigation<br/>✅ One-click access    | [Infinite Scroll](/patterns/navigation/infinite-scroll)                                                   |
+| [Breadcrumb](/patterns/navigation/breadcrumb)           | ✅ Deep hierarchies<br/>✅ Complex sites<br/>✅ E-commerce  | ❌ Flat structures<br/>❌ Single-level sites     | ✅ Location awareness<br/>✅ Easy backtracking | [Navigation Menu](/patterns/navigation/navigation-menu)                                                   |
+| [Infinite Scroll](/patterns/navigation/infinite-scroll) | ✅ Content feeds<br/>✅ Continuous flow<br/>✅ Social media | ❌ Structured content<br/>❌ Goal-oriented tasks | ✅ Auto-loading<br/>✅ Seamless browsing       | [Pagination](/patterns/navigation/pagination)<br/>[Load More](/patterns/navigation/load-more)             |
+| [Load More](/patterns/navigation/load-more)             | ✅ Content exploration<br/>✅ User control                  | ❌ Large datasets<br/>❌ Sequential content      | ✅ Manual loading<br/>✅ Performance friendly  | [Infinite Scroll](/patterns/navigation/infinite-scroll)<br/>[Pagination](/patterns/navigation/pagination) |
+| [Pagination](/patterns/navigation/pagination)           | ✅ Large datasets<br/>✅ Structured content                 | ❌ Short lists<br/>❌ Continuous reading         | ✅ Clear boundaries<br/>✅ Better orientation  | [Load More](/patterns/navigation/load-more)<br/>[Infinite Scroll](/patterns/navigation/infinite-scroll)   |
+| [Hamburger Menu](/patterns/navigation/hambuger-menu)    | ✅ Mobile interfaces<br/>✅ Space-saving                    | ❌ Desktop-first<br/>❌ Critical navigation      | ✅ Compact<br/>✅ Expandable                   | [Navigation Menu](/patterns/navigation/navigation-menu)<br/>[Sidebar](/patterns/navigation/sidebar)       |
+| [Megamenu](/patterns/navigation/megamenu)               | ✅ Large sites<br/>✅ Complex hierarchies                   | ❌ Simple navigation<br/>❌ Mobile interfaces    | ✅ Rich content<br/>✅ Category overview       | [Navigation Menu](/patterns/navigation/navigation-menu)                                                   |
+| [Navigation Menu](/patterns/navigation/navigation-menu) | ✅ Primary navigation<br/>✅ Site structure                 | ❌ Deep hierarchies<br/>❌ Complex categories    | ✅ Clear structure<br/>✅ Easy access          | [Megamenu](/patterns/navigation/megamenu)                                                                 |
+| [Sidebar](/patterns/navigation/sidebar)                 | ✅ Dashboard layouts<br/>✅ App interfaces                  | ❌ Content-heavy sites<br/>❌ Mobile-first       | ✅ Persistent nav<br/>✅ Context retention     | [Navigation Menu](/patterns/navigation/navigation-menu)                                                   |
+| [Tabs](/patterns/navigation/tabs)                       | ✅ Related content<br/>✅ Switching views                   | ❌ Deep hierarchies<br/>❌ Many sections         | ✅ Content grouping<br/>✅ Quick switching     | [Navigation Menu](/patterns/navigation/navigation-menu)                                                   |
+|  |
 
 For implementation details and best practices, visit our [Getting Started](/patterns/getting-started) guide.