TechPrufer
Sign inGet started

Blogs›Vercel›Vercel Toolbar Developer Tools

Vercel Toolbar Developer Tools

Vercel Toolbar Developer Tools

3
posts
2023–2024

The Vercel Toolbar has been enhanced with new developer tools for accessibility audits, Open Graph previews, and interaction timing (INP) measurement. It can now also be used in production environments via a Chrome extension, allowing team members to flag issues on live sites. These additions complement existing features like comments, CMS integration, layout shift analysis, and quick links, aiming to improve collaboration and user experience throughout the development workflow. Draft Mode has been integrated with the toolbar for seamless content editing.

2024

Introducing new developer tools in the Vercel Toolbar

5/23/2024

Introduced new developer tools within the Vercel Toolbar: an accessibility audit tool that checks against WCAG 2.1 A/AA rules, an Open Graph preview tool for social media link cards, and an interaction timing tool to measure and optimize Interaction to Next Paint (INP). Also enabled the Vercel Toolbar to be used in production environments via a zero-config Chrome extension, making it visible only to team members for internal bug reporting and evaluation of tools like INP and accessibility audits on live sites.

2023

Enhanced content management for your headless CMS

6/22/2023

This post introduces updates to Vercel's Draft Mode, making it easier to preview unpublished content by bypassing Incremental Static Regeneration (ISR) and caching. It also announces that Visual Editing is now in public beta for Pro and Enterprise teams and lists new CMS integrations (Builder, Uniform, DatoCMS, TinaCMS, Payload) that support Visual Editing. The post also mentions that the documentation for supporting Visual Editing in CMSes is now public.

Deliver AI analysis faster with the Vercel workflow | Customers | Vercel

1/17/2023

This post highlights how Viable leveraged Vercel's Comments feature on Preview Deployments to streamline their feedback loop, reducing back-and-forth communication by 80%. This improved efficiency allowed them to deliver AI insights to their customers faster and scale their operations more effectively. The post emphasizes the value of integrated feedback mechanisms within the development workflow.