Stage - UI
Stage is a React-based user interface designed to prop up browser-accessible data portals. Although Stage can be used for any web application, it is designed to integrate with Overture's Ego and Arranger microservices.
Stage is a Next.js project bootstrapped with create-next-app.
For more information about Stage, including setup and how to integrate Overture microservices Arranger and Ego, see our official Stage user documentation
Stage is part of the Overture research software ecosystem. See our related products for more information on how Overture is helping organize data and enable discovery.
Features
- URL parameterization support
- Extensible layout, with primary and secondary menus
- Reusable UI components
- Theme customization
Getting Started
- Install the dependencies
npm ci- Run the development server
npm run devOnce running, Stage is available from your http://localhost:3000
You can edit the UI by modifying pages/index.js. The UI will auto-update as you edit.
Note: This app was tested using Node v16+. We recommend using this version if you encounter any issues.
Troubleshooting Note:
Stage requires NPM v^8.3.0, to ensure all dependencies get installed correctly
# If you need to update your NPM version first, use the following command:
npm i -g npmLearn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
- The Next.js GitHub repository - your feedback and contributions are welcome!
Support & Contributions
- Filing an issue
- Making a contribution
- Connect with us on Slack
- Add or Upvote a feature request
Related Products
Overture is an ecosystem of research software tools, each with narrow responsibilities, designed to reduce redundant programming efforts and enable developers and data scientists to build reliable systems that organize and share big data.
See the links below for additional information on our other research software tools:
| Software | Description |
|---|---|
| Ego | An authorization and user management service |
| Ego UI | A UI for managing Ego authentication and authorization services |
| Score | Transfer data to and from any cloud-based storage system |
| Song | Catalog and manage metadata associated to file data spread across cloud storage systems |
| Maestro | Organizing your distributed data into a centralized Elasticsearch index |
| Arranger | A search API with reusable UI components that build into configurable and functional data portals |
| Stage | A simple web browser UI that integrates Ego and Arranger |
Acknowledgements
Overture is supported by grant #U24CA253529 from the National Cancer Institute at the US National Institutes of Health, and additional funding from Genome Canada, the Canada Foundation for Innovation, the Canadian Institutes of Health Research, Canarie, and the Ontario Institute for Cancer Research.