Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Redesign the Previous Releases page #7445

Open
4 tasks
ovflowd opened this issue Feb 1, 2025 · 0 comments
Open
4 tasks

Redesign the Previous Releases page #7445

ovflowd opened this issue Feb 1, 2025 · 0 comments
Labels
design enhancement help wanted website redesign Issue/PR part of the Node.js Website Redesign

Comments

@ovflowd
Copy link
Member

ovflowd commented Feb 1, 2025

Enter your suggestions in details:

The current previous releases page features a limited table that only displays earlier versions of Node.js. We plan to redesign this page to showcase all previous versions, including both major and minor releases, and to provide direct links to their respective download pages.

By default, the table will still only display major versions. It will include information across several columns, such as the N-API version, Major Codename, initial release date, and the last updated date. On the right side of the table, we will redesign the links into a button labeled "Details."

Clicking the "Details" button will open a modal window (cc @canerakdas to bring back the Modal component). This modal, which will function solely on the client side, will contain a table listing all minor versions associated with the selected major version.

At the top of the modal, we will display important and relevant links to blog posts and other resources. Below this, the table will provide a list of all minor versions along with pertinent links, such as "API Docs" and "View Release," which will redirect users to the relevant blog post for each minor version. This approach is similar to how Python manages its minor releases by linking them to blog posts, which include all the download links users typically seek. The links will direct to the bottom of the blog post, specifically to the Download links section.

Of course, this design can be discussed further. Additionally, we would like to incorporate badges such as "EOL," "Maintenance LTS," "Current LTS," and "Current" in the main table. These badges will help inform users about the status of each version, indicating whether it is end-of-life (EOL) or represents the current Long-Term Support (LTS) version.

  • Create Labels to demark Major release lines (EOL, Current, Current LTS, Maintenance LTS)
  • Add minor versions to our release data registry as currently we only store majors.
    • Note: The only information we need are the release numbers to render the table, at maximum extra the release date, remaining information of minor versions are not required.
    • Minor versions should be an array within a major object. It could be a new property named "minorVersions"
  • Re-Add the Modal Component
  • Create a Modal (Component) for the "Details" of a Major version
@ovflowd ovflowd added enhancement help wanted design website redesign Issue/PR part of the Node.js Website Redesign labels Feb 1, 2025
@github-project-automation github-project-automation bot moved this to 🆕 New in Node.js Website Feb 1, 2025
@ovflowd ovflowd moved this from 🆕 New to 📋 Backlog in Node.js Website Feb 4, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design enhancement help wanted website redesign Issue/PR part of the Node.js Website Redesign
Projects
Status: 📋 Backlog
Development

No branches or pull requests

1 participant