Getting started

A tour of the TeleportHQ dashboard

A tour of the TeleportHQ dashboard

The TeleportHQ dashboard is the home screen you see after signing in. The left sidebar lists your workspaces, the projects shared with you, and helpful resources. The main area shows the selected workspace: its plan and AI token balance at the top, the + New Project button, your folders, and a card for each project. Click a project card to open it in the editor.

The TeleportHQ dashboard with its three areas numbered: 1 the left sidebar, 2 the workspace header, 3 the folders and project cards

The TeleportHQ dashboard has three areas:

  1. The left sidebar, with your workspaces, the projects shared with you, and helpful resources.
  2. The workspace header, with the selected workspace's plan, its AI token balance and the + New Project button.
  3. Your folders, and a card for each project.

The left sidebar

The TeleportHQ dashboard's left sidebar with 1 WORKSPACES, 2 SHARED WITH ME, 3 New Workspace and 4 RESOURCES numbered

The TeleportHQ dashboard's left sidebar starts with the TeleportHQ logo: click it to go back to your default workspace. Below the logo, the sidebar has these sections, from top to bottom:

  1. WORKSPACES: the workspaces you own. Each one shows a plan badge, such as TRIAL, PRO or PREMIUM. Click a workspace to see its projects.
  2. SHARED WITH ME: a Shared projects row for single projects someone invited you to, followed by the workspaces you were invited to. See How to find projects shared with you.
  3. New Workspace: create another workspace. See How to create a new workspace.
  4. RESOURCES: click to expand. It contains Figma Plugin, Demo Project, Video Tutorials, Help Center, Discord, Github and Refer & Earn.

Every new account starts with one workspace named My workspace. See What is a workspace?.

The workspace menu

Hover a workspace in the sidebar and click its ⋯ menu for quick links.

  • If you own the workspace: Workspace Settings, Manage Collaborators, Plans, Billing and Rename. Workspaces with a subscription also show Custom Domains, Extra Languages and Web Apps.
  • If you're a member: Workspace Settings, See Collaborators and Leave Workspace.

The workspace header

The top of the TeleportHQ dashboard shows the selected workspace:

  1. N tokens remaining: the workspace's AI token balance. Click it to buy more. It turns orange when you have none left. See What are AI tokens?. On the same line:
    • The workspace name and its plan badge.
    • Earn tokens (or Claim N rewards): opens Quests, guided tasks that earn AI tokens. See What are Quests?.
  2. Manage: opens the workspace settings (owners and admins). Near it:
    • The plan name and how many projects the workspace has.
    • Upgrade to Premium and Compare plans: shown to owners of a Pro workspace.

Banners appear when something needs your attention, such as a trial countdown, a failed payment, or a trial or subscription that has ended.

At the top right, + New Project starts a new project. See How to create a new project.

The TeleportHQ workspace header with 1 the token balance and 2 Manage numbered

Folders and projects

Below the header, the TeleportHQ dashboard lists the workspace's content.

  • Folders (paid plans only) group projects. Click a folder to open it, and use the path at the top to go back. See How to organize projects in folders.
  • Projects shows a card for each project, with tools above the cards:
    1. A search box ("Search N projects...") that finds projects by name. You can also press Ctrl + F (⌘ + F on Mac).
    2. A sort menu: Last edited, Date created, A-Z or Last opened.
    3. Filter: show only some projects (see below).
    4. Two view buttons, Show projects as a grid and Show projects as a list, to switch between cards and one row per project.
    5. Select, to move or delete several projects at once (owners and admins). See How to move or delete several projects at once.
The tools at the left above the TeleportHQ project cards: 1 the search box and 2 the sort menu
The tools at the right above the TeleportHQ project cards: 3 Filter, 4 the grid and list buttons and 5 Select

Filter and tag your projects

The Filter menu on the TeleportHQ dashboard narrows the project cards by:

  • Status: Any status, Published or Not published.
  • Has: Online store, Online bookings, Web App, CMS, Made with AI or Multilingual.
  • Tags: the tags you added to your projects.

While a filter is on, the button reads Filters (N). Click Clear filters to show every project again.

To tag a project, open its ⋯ menu, click Edit Tags, type a tag in Add a tag, like a client or a status, press Enter, then click Save.

The Filter menu open on the TeleportHQ dashboard, with its Status, Has and Tags groups

What a TeleportHQ project card shows

Each project card on the TeleportHQ dashboard shows a picture of the project and, from top to bottom, five lines: its name, its address, a line of chips, a status line and its storage. The name stays on one line; point at a long name to read it whole. The card shows:

  1. The published address, or Not deployed if the project isn't published. Below it, one line of chips:
    • The kind of project: CMS, Store, Bookings or Web App. Point at a chip to read what it means; a Bookings project, for example, takes bookings online and needs a Web App slot to publish and run.
    • The project's languages, or Single language.
    • Your role in the project.
    • The project's tags, if it has any.
    • Chips that don't fit on the line are counted in a +N chip. Point at it to read them.
  2. The status line: Last opened:, with how long ago you last opened it, and the people who have access. At the bottom, the storage line shows how many files the project stores and how much space they use.
  3. The ⋯ menu at the top right, with actions such as Rename, Clone and Delete.
A TeleportHQ project card with 1 its published address, 2 Last opened and 3 its ⋯ menu numbered

Some chips mean you need to act:

  • Archived: the project is frozen, usually because the trial or subscription ended. The workspace owner sees a Restore button on the card. See What does "Archived" mean on my project?.
  • Archives in N days: the project will be archived soon. The workspace owner sees it after cancelling a subscription.
  • Subscription required: a web app needs a Web App slot to stay online. This chip comes first on its line, and the status line shows the countdown. It's amber while the web app still has full access, with "Site goes offline in N days" and the date. It turns red once the web app is archived, with "Archived until a slot covers it". Point at the chip to read what it means. The workspace owner can click Subscribe to keep it online (or Subscribe to unlock) on the card to buy a slot. See Why does my web app need a slot?.

The project card menu

The ⋯ menu of a TeleportHQ project card, with Rename, Edit Tags, Clone, Move to Folder, Delete and Project Settings

Click the ⋯ menu on a project card for these actions, depending on your role:

Good to know

  • Last opened on a card is when you last opened the project. The Last opened sort uses the same time, while the Last edited sort uses the last time anyone changed the project. The two orders can differ.
  • While a workspace you own is on its free trial, the Your 7 day free trial is live window opens each time you load the dashboard. Click Keep exploring to close it.
  • TeleportHQ works best in a window at least 767 pixels wide. In a narrower window, the dashboard shows a "too narrow" warning, and the project cards stack into fewer columns.
  • If a workspace can't load, you see "Oops!" with a Reload button. This can happen if you no longer have access to that workspace.
Share

Related Articles

What is a workspace?

A TeleportHQ workspace is a shared space with one Owner that holds projects, members with roles, and its own plan and billing; you can own several workspaces and be a member of other people's, all listed in the dashboard sidebar under WORKSPACES and SHARED WITH ME.

How to create a new project (AI, template or blank)

In TeleportHQ, click + New Project on your dashboard and pick E-commerce, Web App, Bookings, Presentation Website or Blank project; every card except Blank project then lets you generate the project with AI or start from a template, and the new project opens right away.

How to organize projects in folders

On a paid TeleportHQ plan, workspace owners and admins click + New Folder on the dashboard to create folders and subfolders, then use Move to Folder on a project card to file projects; folders can be renamed or deleted from their ⋯ menu.

What does "Archived" mean on my project, and how do I restore it?

An Archived badge on a TeleportHQ project means it's frozen because the workspace's trial or subscription ended or a web app had no Web App slot; the owner restores it by subscribing again (or giving the web app a slot), then republishes it, and only after a trial that ended without a subscription are archived projects deleted, about 30 days after archiving.

How to find projects shared with you (and leave them)

In TeleportHQ, projects other people shared with you one by one are on your dashboard under SHARED WITH ME → Shared projects; to leave one, click ⋮ on its card, choose Leave Project and confirm with Leave project.

How to open the demo project

To try the TeleportHQ demo project, expand RESOURCES in the dashboard's left sidebar, click Demo Project, choose a workspace and click Save project; a copy of the sample project opens in the editor for you to explore, and it counts as one of your projects.