solid / solid/solidproject.org
Confusing sidebar navigation in "Building your first Solid app" tutorial
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 183
- Forks
- 152
- PR merge metrics
- No merged PRs in 30d
Description
Search terms you've used
https://github.com/solid/solidproject.org/search?q=navigation&type=issues
I found https://github.com/solid/solidproject.org/issues/237 where this comment could be appropriate, but it looks like an old issue, and doesn't look likely that this bug report will be seen due to the lack of comments there.
https://github.com/solid/solidproject.org/search?q=getting+started&type=issues
https://github.com/solid/solidproject.org/search?q=tutorial&type=issues
Nothing appropriate found.
Describe the bug
The sidebar navigation on this page is very confusing, as it does not align with the sidebar navigation logic of the previous page.
To Reproduce
Steps to reproduce the behavior:
- Go to https://solidproject.org/developers/tutorials/getting-started
- Click on "developing your own app"
- See confusing sidebar
Expected behavior
I would expect the sidebar on https://solidproject.org/developers/tutorials/first-app to have a similar logic to that of https://solidproject.org/developers/tutorials/getting-started. That means, I'd expect something that just has the current page breakdown, listing subsections that one can click on, and it will automatically scroll to the appropriate section. Currently, the links go to external sites, and they are seemingly unrelated to the contents of the page. There are two "Getting Started" links (which is very confusing), and a hidden link after the second "Getting Started" and before the "Vocabularies" which just links to the "Vocabularies" page.
Ideally, I'd expect that that the three links listed at the top of the page ("Prerequisites", "Build the Application", "Run the Application") would be listed on the sidebar instead, but serve the same function that those links currently do (i.e., scroll to the appropriate sections). I guess we'd also need "Additional information" here, as well as the list of subsections.
Screenshots

Desktop
- OS: MacOS Catalina
- Browser: Chrome
- Version: 95.0.4638.69
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Open the getting-started and first-app tutorial pages and compare their sidebar navigation. Check how the first-app page's sidebar links relate to its visible sections, then align it with the requested section-based navigation; done means the sidebar lists the page breakdown and its links scroll to the corresponding sections without duplicate or unrelated entries.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html
- Domain
- documentation, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100