Refactoring/Enhancement: Project Layout

[billychen0894]

Overview

• Objective: To enhance project organization
• Motivation: This allows to enhance developer experience

Details

• Affected Components: All files under /app directory
• Proposed Changes: Change project layout to Route Groups (a feature provided by Next.js 14)
• Expected Impact: Project routes and layout can be easily located and organized, in terms of maintainability and readability.

Implementation Checklist

• [x] Task 1: Categorize routes
• [x] Task 2: Move relevant pages/layouts files to their categorized routes

Disclaimer

This issue is used for tracking purposes and to document the progress and improvements made to the project. It will remain open to allow easy access and visibility of the ongoing enhancements/refactoring efforts. Comments in this issue will be updated regularly to reflect progress and any additional improvements.

[billychen0894]

Task 1 & 2: Categorize Routes and Move Relevant files to Categorized Routes

The project routes can be easily categorized into store and admin route groups.

• Store: any routes that can be exposed to users or users' individual pages for products/orders management
• Admin: any routes related to store management that can't be visible to customers

To organize project files, (store) and (admin) directory under /app directory were created. And, this is called route groups, which is one of the features provided by Next.js to organize project files without disrupting your routes of the app. After moving related files to (store) and (admin), the project files are easier to locate, which enhances developer experience while they are navigating through files as project grows.

Related Commits

c44b6e0