mui-toolpad
mui-toolpad copied to clipboard
Create a pit of success to share the application built
Users don't always realize they're sharing their app under the release-specific URL. Users won't receive updates when using this URL as the app gets deployed. We should clearly mark the app when it's accessed through this URL and provide a link to a shareable canonical URL for their app.
One idea could be to add a banner at the top with an explainer and link.
A couple of ideas on how we could improve this. (José & I got tricked)
1. Adding "share" section.
Figma

Notion

Airtable
2. On the release page, link the public URL
https://master--toolpad.mui.com/_toolpad/app/cl4hla83p01949xoizo5uxf2a/releases.
Netlify: https://app.netlify.com/sites/material-ui/deploys?filter=master
Render: https://dashboard.render.com/static/srv-c8uf1hkobjd4knp4svg0/events
3. On the deploy view, link the production URL
This might be the most important aspect to solve the immediate pain. It's where I got tricked, and I suspect @joserodolfofreitas too. On https://master--toolpad.mui.com/_toolpad/app/cl4hla83p01949xoizo5uxf2a/releases/7, I have used these external links
to update https://mui-org.notion.site/Support-87b6c33d1d86401b8af2ae2d5fc9cf5d. I didn't realize it was a permalink.
What I would propose as a solution is to reproduce something close to Netlify. Notice how they have a permalink and a bigger button to open the published deploy:
https://app.netlify.com/sites/material-ui/deploys/62ac9e0d5829c30009c0d688
Another consideration on the pain point: The sharing experience is definitely a big part of it, but I have bookmarked the release link on the browser bar too. Ideally, that link would also point to the latest.
Started sketching some changes to the release pages to deal with some of these issues https://github.com/mui/mui-toolpad/pull/583.
In the new Toolpad, the app URL is controlled by the user. Does that make this issue irrelevant?
Does that make this issue irrelevant?
Yes, this issue was tightly aligned with the concept of releases