@vercel/toolbar available to use collaboration features in production

Comments and other collaboration features are available in all Preview Deployments on Vercel. Now, you can enable them in Production Deployments and localhost by injecting the Vercel toolbar on any site with our @vercel/toolbar package.

1
import { VercelToolbar } from '@vercel/toolbar/next';
2
import { useIsEmployee } from 'lib/auth'; // Your auth library
3
 
4
export function StaffToolbar() {
5
  const isEmployee = useIsEmployee();
6
  return isEmployee ? <VercelToolbar /> : null;
7
}

By using the @vercel/toolbar npm package you and your team can leave feedback with Comments, take advantage of Draft Mode to view unpublished CMS content, or use Visual Editing on your production application.

This package is available to users on all plans and is our first step in bringing the Vercel Toolbar into your production sites.

Check out the documentation to learn more.