Dashboard

A complete walkthrough of every section in the Belcard dashboard.

The dashboard is your control centre at belcard.app/dashboard. It's protected — you need to be signed in to access it. The sidebar on the left lets you navigate between sections.

Overview

The Overview page (/dashboard) is your homepage inside the app. It shows:

  • Four stat cards — NFC Taps, Profile Views, Link Clicks, and Contact Saves for the last 30 days, each with a percentage delta vs the prior month.
  • Card preview — a live 3D render of your current card with your display name, tagline, and active link pills. Includes a copy-to-clipboard button for your profile URL.
  • Quick action cards — one-click shortcuts to Edit profile, View analytics, Customise card, and Upgrade plan.
💡 If you haven't set up a profile yet, the card preview shows a placeholder with a link to the Profile editor.

Sidebar navigation

SectionRouteWhat it contains
Overview/dashboardStats, card preview, quick actions
Profile/dashboard/profileDisplay name, tagline, bio, links editor
Analytics/dashboard/analyticsDaily chart, top countries, top links, all-time totals
Card/dashboard/cardTheme picker with live preview, chip activation
Settings/dashboard/settingsAccount info, plan status, sign out, delete account

On mobile, the sidebar collapses. A hamburger button in the top-left corner opens it as a slide-in drawer.

Top bar

The sticky header at the top of each dashboard page shows the current page title, your active plan badge (e.g. free or pro), and a View profile ↗ link that opens your public profile in a new tab.

Profile section

The Profile page (/dashboard/profile) has three tabs:

  • Profile — display name, tagline, bio.
  • Links — add, edit, reorder, and remove links. Supports 6 link types.
  • Card — pick a card theme. Live preview updates on the right side of the screen.

A floating Changes saved toast confirms when your changes are written to the database. Changes are live immediately — no rebuild needed.

Card section

The Card page (/dashboard/card) is the same editor as the Profile page, opened directly to the Card tab. It also contains the physical card activation flow — enter your chip ID (BC-XXXXXXXX) to pair your card.

Settings section

The Settings page (/dashboard/settings) contains:

  • Account — your display name, email address, and current plan with an upgrade link.
  • Danger zone — sign out (clears session cookie immediately) and account deletion (permanent — requires confirmation).

Upgrade nudge

Free plan users see an upgrade card at the bottom of the sidebar: "Upgrade to Pro — unlock analytics, custom domain & more." Clicking it goes to the pricing page. Pro and Lifetime users do not see this card.

Authentication

All dashboard routes require an active session. If your session expires (after 7 days of inactivity), you're redirected to /login?next=/dashboard and returned to the dashboard after signing back in. Sign out clears the session cookie immediately.