Automatically detect and monitor Netlify builds directly from your site
Stackbit's new On-page Control Center makes detailed information about your Netlify build available to you without ever leaving your site. So say goodbye to ⌘+R, ⌘+R, ⌘+R. You'll even have quick access to tools like the your Netlify control panel and GitHub repository. And the best part: it works for any JAMstack site!
The control center will automatically detect when your project begins a rebuild at Netlify and the notifies you. This allow you to monitor the process until the updated site is live.
The control center lets you monitor your build logs as they happen, ensuring that you catch any warnings or build errors immediately.
All these features are available without ever needing to touch your site's source code. Just click the "Pick any Netlify project" button on this page, choose which projects you want to enable the control center on, and you are done!
Raymond Camden@raymondcamden
StackBit released a "widget" you can add to @Netlify sites to fire off builds, track them, etc. And it's freaking magical how nice it is and how easy it is to setup.
Thomas Randolph@rockerest
Eliminate the unknowns between services with @stackbithq's on-site widget that shows the status of everything it takes to make your site (and changes) live (w/@ohadpr) #jamstackconf
Hugh Durkin@hughdurkin
Pretty epic update from @stackbithq 😍 Great to have @Netlify build status in the same control center, too. Awesome to see how quickly #JamStack products and platforms are evolving 🚀
Phil Hawksworth@philhawksworth
The Control Center from Stackbit is brilliant!
A great example of using @Netlify's Snippet Injection and APIs to bring admin of your sites right into focus.
Go to the On-Page Control Center page on the Stackbit site and click the "Pick any Netlify Project." Select the project or projects you want to add the control panel to. Once the projects are updated at Netlify, your On-page Control Panel will be enabled.
Any new Stackbit project will include the control panel automatically, so no need to do anything different. Just click the "View Site" button from within the Stackbit Dashboard once your new project has completed building and you should see the control center on the page.
The control center has already been added to all of your existing Stackbit projects. To view the control center on your Stackbit project, go to the Stackbit dashboard and click the "View site" button. This will open the page with the necessary parameters to display the control center. Going forward, you can simply go to your site and the widget will appear.
The initial release of the control center will provide the ability to automatically detect and monitor your Netlify builds, view your build logs, and offer quick links to your Netlify admin and GitHub project page - all from within your website. These are the first features in a toolset we call Stackbit Live. You can learn more about some of the exciting upcoming features here: https://www.stackbit.com/live/
Stackbit uses Netlify's snippet injection functionality to inject a small JavaScript file on your page at build time. If you have concerns about how this might impact your site's performance, see then next FAQ item.
The Stackbit On-Page Control Center was designed specifically to have a negligible impact on your sites performance by serving from a CDN and avoiding any unnecessary API calls for anyone who is not a Stackbit admin. The initial authentication check happens only when the ?stackbit parameter is added to the site URL. Assuming the user is logged into Stackbit, the status is cached in browser local storage so that subsequent requests do not require either the authentication request or the URL parameter. If both the URL parameter and the local storage do not exist, the control center JavaScript exits.
The logged in state may be lost if local storage is cleared, the page is open in an "incognito window" or a different browser/device. Go to your Stackbit dashboard and click on the "View Site" button. This will open the page with the proper URL parameter (?stackbit) that triggers the authentication check and displays the control center.
The control center can be added to any site deployed to Netlify regardless of what tool they were built with - even if they weren't built with a static site generator!
The Stackbit Control Center will work on any JAMstack site - regardless of whether it uses a CMS or, if it does, which CMS it uses. A link to the connected CMS is available for sites created via the Stackbit site creation tool.
We're sorry to hear that. If you imported your project from Netlify, all you need to do is go to your Stackbit dashboard and choose "Remove from Stackbit" for that project. Alternatively, you can go into your Netlify admin and remove the control center snippet from snippet injection. In the meantime, we'd also love to hear from you about how we could make this tool more useful to you.
