Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

Set page titles for Tutorial v2 routes

Open
#3,606 0 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 1 day

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
55/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
typescript
Domain
frontend

Research direction

Start with usePageTitle in spx-gui/src/utils/utils.ts to see the localized title and XBuilder suffix format, then list the Tutorial v2 routes in spx-gui/src/apps/xbuilder/router.ts and find which page components they render. Branch from goplus/issue-3403-tutorial-v2 and target that branch. Done means every Tutorial v2 route, including Course Series, Course learning and Course Editor edit/preview, sets a correct title, Course and Series titles update after data loads, and navigation between these routes leaves no stale title. Add tests for initial, dynamic and navigation cases.

Written by the indexing model from the issue text.

Description

Parent

Part of #3403.

Background

Tutorial v2 adds new pages and route states, including Course Series, Course learning, and Course Editor edit/preview. Each should set an appropriate browser document title so the tab accurately reflects the current page or Course and does not retain a title from a previously visited route.

The frontend already provides usePageTitle for localized titles and the standard XBuilder suffix. This issue audits the Tutorial v2 routes and applies that mechanism consistently.

Scope

  • Audit all pages and route states introduced for Tutorial v2, including Course Series, Course learning, and Course Editor edit/preview.
  • Ensure each route sets an appropriate document title, using the active Course or Course Series name where relevant.
  • Ensure dynamic titles update when the relevant Course data loads or the route changes.
  • Provide localized titles consistent with the existing usePageTitle conventions.

Plan

  • Map Tutorial v2 routes to their page components and current title behavior.
  • Define the expected title for each static and data-driven page or route state.
  • Add or correct title handling in the relevant page components.
  • Add focused coverage for initial title setting, dynamic title updates, and navigation between Tutorial v2 routes.

Acceptance criteria

  • Every Tutorial v2 page and route state sets the correct document title.
  • Course and Course Series titles update from loaded data where appropriate and do not remain stale after navigation.
  • Titles follow the existing localized usePageTitle format and include the standard XBuilder suffix.
  • Navigation between edit, preview, Course, and Course Series routes does not leave an incorrect title in the browser tab.

Design references

Development coordination

Follow the coordination requirements in #3403:

  • Create the implementation branch from the latest goplus/issue-3403-tutorial-v2 and target that integration branch in the pull request until the initiative is integrated into dev.
  • Follow the User Tutorial v2 product design and the relevant contracts in the Tutorial v2 tech design.
  • If this work changes a shared decision or module contract, update the corresponding design document in the same child PR rather than silently diverging from it.
Dominant language
TypeScript
Stars
70
Forks
59
Avg merge
2d 3h
Merged PRs (30d)
50

Getting set up

This project ships no dev container, Dockerfile or contributing guide, so setting up is up to you: start from its README, and see our first-contribution guide for the general steps.

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from goplus/builder

All issues in goplus/builder

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.