Skip to content

Broken backlinks to p5.js Reference after launching the new web #617

@igor-kamil

Description

@igor-kamil

Most appropriate sections of the p5.js website?

Reference

What is your operating system?

Mac OS

Web browser and version

No response

Actual Behavior

Since the recent update to the p5.js website, existing links to the reference pages have broken due to the URL structure change. Links that previously followed the format e.g. https://p5js.org/reference/#/p5/image now need to point to: https://p5js.org/reference/p5/image/.

  1. This change has caused many links to the p5.js reference documentation across various online materials to break. Updating all of these links across the internet is unrealistic, and they remain inaccessible to users.
  2. Some error messages in the editor contain links to the reference, which are now broken. For example:
Screenshot 2024-10-28 at 17 56 50

Since it only requires removing the /#/ from the URLs, I hope it might be a straightforward change.

Suggestions:

  1. Implement a redirect from https://p5js.org/reference/#/p5/* to https://p5js.org/reference/p5/* on the server / host config.
  2. Add script to handle it (or resolver script to handle unmatched routes).

Overall, I appreciate the improvements to the site after the update. Apologies for not opening a PR myself—I’m not familiar with Astro, but I’d be happy to assist with testing or other support if needed.

Expected Behavior

Links to reference pages, both in online materials and editor error messages, should work as before, directing users to the correct reference documentation without broken URLs.

Steps to reproduce

https://p5js.org/reference/#/p5/image should redirect to -> https://p5js.org/reference/p5/image/

Would you like to work on the issue?

yes

Metadata

Metadata

Assignees

No one assigned

    Labels

    BugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions