Implement Global Loading & Navigation States

[ayshadogo]

Description:

Add consistent global loading indicators for page transitions, async actions, and suspended components to improve overall user experience.

Tasks:

• Create central loading component
• Add framework-level loading page (loading.tsx)
• Ensure loading indicators appear during navigation
• Add custom 404 page for unmatched routes
• Add fallback for server-side and client-side suspense boundaries

Acceptance Criteria:

• Loading states appear correctly during route changes and async ops
• Custom 404 page shows for invalid routes
• Loading UI is consistent across the entire app
• No blank-screen states during slow API calls or transitions

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[BigJohn-dev]

@BigJohn-dev has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

This issue appeals to me because it combines the challenge of solving complex frontend performance problems with the opportunity to deliver a smoother, more reliable user experience, while also sharpening my skills with emerging design and resolution patterns.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @BigJohn-dev to this issue.

[Cybermaxi7]

@Cybermaxi7 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello
Please can I take this up

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Cybermaxi7 to this issue.

[githoboman]

@githoboman has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

hello am ayo a full-stack software dev, i would love to work on this project

ℹ️ Repo Maintainers: To accept this application, review their application or assign @githoboman to this issue.

[SamixYasuke]

@SamixYasuke has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi, I've handled this type of thing before, I'd love to work on this task, Thanks.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @SamixYasuke to this issue.

[drips-wave]

Congratulations, @Cybermaxi7! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on February 26, 2026.

🧑‍💻 @Cybermaxi7: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are issued when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Cybermaxi7 as part of the Stellar Wave Program's 2nd Wave 🥳

😎 @Cybermaxi7: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.