Skip to content

feat(dashboard): add suspense boundaries for dashboard sections#196

Open
SnehaSnigdhaSahoo wants to merge 3 commits into
JhaSourav07:mainfrom
SnehaSnigdhaSahoo:feat/dashboard-suspense-streaming
Open

feat(dashboard): add suspense boundaries for dashboard sections#196
SnehaSnigdhaSahoo wants to merge 3 commits into
JhaSourav07:mainfrom
SnehaSnigdhaSahoo:feat/dashboard-suspense-streaming

Conversation

@SnehaSnigdhaSahoo
Copy link
Copy Markdown

Description

Fixes #71
Improved the dashboard loading experience by adding Suspense boundaries for heavier sections so the main layout can render immediately while data-heavy components load separately.

Changes made

  • Added Suspense boundaries for:
    ActivityLandscape
    AIInsights
  • Created async wrapper components for streamed components.
  • Added lightweight skeleton fallbacks matching the existing dashboard UI.
  • Preserved existing dashboard functionality and layout structure.
  • Added Suspense fallbacks to avoid blocking the dashboard shell render.

Screenshot

image

Pillar

  • 🎨 Pillar 1 — New Theme Design
  • 📐 Pillar 2 — Geometric SVG Improvement
  • 🕐 Pillar 3 — Timezone Logic Optimization
  • 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

Checklist before requesting a review:

  • I have read the CONTRIBUTING.md file.
  • I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
  • I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
  • My commits follow the Conventional Commits format (e.g., feat(themes): ..., fix(calculate): ...).
  • I have updated README.md if I added a new theme or URL parameter.
  • I have started the repo.
  • I have made sure that i have only one commit to merge in this PR.
  • The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
  • (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 18, 2026

@SnehaSnigdhaSahoo is attempting to deploy a commit to the jhasourav07's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link
Copy Markdown

👋 Hey @SnehaSnigdhaSahoo, welcome to CommitPulse! 🎉

Thanks for opening your first pull request — this is a big deal and we appreciate the effort!

While you wait for a review, please double-check:

  • ✅ You've read the CONTRIBUTING.md checklist
  • npm run lint, npm run format, and npm run test all pass locally
  • ✅ Your PR has a visual preview if it touches any SVG output
  • 💬 You've joined our Discord for faster PR feedback

A maintainer will review your PR shortly. Hang tight! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

React: Use Suspense Boundaries to stream dashboard components

1 participant