Improve async error handling, loading states, and UI stability across the application

[Darshan-paapani06]

Overview

This pull request improves the overall stability, reliability, and user experience of the MergeShip application by introducing better async error handling, reusable loading states, and safer rendering patterns across the project.

The changes focus on making the application more production-ready while improving maintainability and developer experience.

---

Problems Addressed

• Missing centralized error handling
• Inconsistent loading states across pages
• Potential UI crashes during failed API requests
• Poor fallback handling for async operations
• Limited user feedback during network delays
• Lack of reusable loader components
• Weak resilience against runtime failures

---

Changes Made

Added Global Error Boundary

• Introduced a dedicated error.tsx page for handling runtime rendering errors gracefully.
• Added retry support using reset() functionality.

Added Global Loading State

• Implemented a centralized loading.tsx component for smoother page transitions and async rendering.

Added Reusable Loader Component

• Created a reusable loading spinner component for consistent UI behavior across the application.

Improved Async Error Handling

• Added safer try-catch patterns for async operations.
• Improved API request failure handling.
• Added better logging and fallback responses.

Improved UI Stability

• Prevented blank-screen rendering scenarios.
• Added safer conditional rendering checks.
• Improved handling for missing or empty data states.

Improved Developer Experience

• Cleaner async architecture
• Easier debugging
• Better maintainability for future contributors

---

Benefits

• Improved application stability
• Better production readiness
• Enhanced user experience
• Reduced chances of runtime crashes
• More maintainable codebase
• Better async workflow handling
• Consistent loading behavior throughout the app

---

Files Added / Updated

Added

• src/app/error.tsx
• src/app/loading.tsx
• src/components/loader.tsx

Updated

• Async API handling files
• Middleware validation logic
• UI rendering conditions
• Data-fetching components

---

Testing

Tested:

• Loading states
• Failed API requests
• Empty data rendering
• Retry functionality
• Navigation transitions
• Runtime error recovery

All changes work as expected without affecting existing functionality.

---

Conclusion

This PR improves both frontend resilience and overall user experience while establishing a cleaner foundation for future development and scaling.

[vercel]

@Darshan-paapani06 is attempting to deploy a commit to the codersogs-3057's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
mergeship	Ready	Preview, Comment	May 22, 2026 2:28pm