# Dashboard redesign **Published:** November 20, 2019 | **Authors:** Evil Rabbit, Shu Ding, Paco Coursey, Christopher Skillicorn, Max Rovensky | **Category:** Company News --- With the launch of [Zero Config Deployments](https://zeit.co/blog/zero-config), Vercel made it easier than ever to deploy websites and applications. Now, we're bringing the simplicity of our developer experience to our web dashboard. Creating new projects, importing existing code, managing domains, setting up redirects, inspecting deployments and functions, and managing teams has never been easier. We are unveiling the next evolution of the** Vercel Dashboard**. ![The new Vercel Dashboard.](//images.ctfassets.net/e5382hct74si/1yEIHWymDtJ3dhUOGi89nL/d82fe683bdb0e8531aecc0145d98fd9b/dashboard-4_1.png) ## Dashboard Overview This dashboard redesign is guided by invaluable feedback from our active customers. We want to make the most crucial project elements easily accessible to you: - Production and latest deployment status. - Project-level git repository connection. - Links to production deployments. ## Easily Import Code With our [GitHub](https://zeit.co/github) and [GitLab](https://zeit.co/gitlab) integrations, we now offer a streamlined approach to import and deploy projects with Vercel, directly from your dashboard. Once imported, your repository will be configured automatically so that you can push to deploy. ![Automatically deploy a template or repository to Vercel](//images.ctfassets.net/e5382hct74si/1tcCsVeO0rwDL25hgrFr3Y/c98771d60e74467839cc138a62abdf9c/dropdown.gif) ## Projects For a quick glimpse of your projects, we now provide screenshots of your latest production deployments. ![An overview of all your Vercel projects, accompanied with screenshots](//images.ctfassets.net/e5382hct74si/4BvkLIPzWFgSIAbnuSgdFA/7484e0bb14b9e56f13316849cc7a655b/projects-4_1.png) ## Project Overview We now highlight the two most important aspects of your projects: production deployment and preview deployments. Stay informed about your live production deployment, and see what your teammates are working on with a preview deployments list filtered by each member. ![An overview of your live production deployment.](//images.ctfassets.net/e5382hct74si/1SjAlpc3Hh8Fh83VKAWXCP/5c3e57083e44e5c8a9e2105b54b798d0/production-3_1.png) ![Preview Deployments from Git branches or deployed with Vercel.](//images.ctfassets.net/e5382hct74si/6U4ovKBmAPLstQVI8Wq8rX/00fa95bfa90366d61ed1711adb6cb728/preview-4_1.png) ## Deployment Overview To help debug your projects, logs are now incorporated into the deployment overview. Logs can now be filtered by a specific serverless function or build output and copied to your clipboard in a single click. If the deployment is made with our [GitHub](https://zeit.co/github) or [GitLab](https://zeit.co/gitlab) integrations, you will find relevant information about the git commit, author, branch, and repository. ![The overview provides meaningful information about an individual deployment.](//images.ctfassets.net/e5382hct74si/7x6D5sf0OlgYyDYfUYBNMD/27f11c2bd217c298fbff9977f3c381db/deployment-3_1.png) ## Browser Tab Improvements Like us, you probably have a lot of tabs open while you work. For a quicker overview of your projects, the tab icons and titles of our dashboard pages now contain more useful information. On the deployment inspector, the status of your deployment is now reflected in the tab icon as queued, building, error, or ready. [Video: Status in Browser Tab](//videos.ctfassets.net/e5382hct74si/7KJwVxAVD9jqclaIw7gi11/cf3b4960a4fa687d8e3c9fc86414ee44/tab-video-2.mp4) ## Git Integration for Projects It's now easier than ever to link a code repository to your Vercel projects. Once linked, you can enjoy automatic deployments with shareable URLs every time you push a commit or open a pull request. ![Select a repository from the project page to automatically deploy on every commit.](//images.ctfassets.net/e5382hct74si/4Mb09Mkd6HUhEmEm060Nbw/4cf3abaea31c9e39c35c0958c0a11977/git-3_1.png) ## Production Domains As part of [Zero Config Deployments](https://zeit.co/blog/zero-config), you can now associate production domains with each of your projects in place of the `alias` field of `vercel.json`. This includes `.vercel.app` domains and any custom domains bought through [Vercel](https://zeit.co/domains) or external services. ![The interface guides you in setting up production domains for your project.](//images.ctfassets.net/e5382hct74si/1HbbIQqCopkxoM6XfgIols/9165f43d38dce25600140117c18ea112/domain-warning-3_1.png) ![A valid production domain](//images.ctfassets.net/e5382hct74si/6UDe2ViTD374Ev8yiUBba1/d021461eca36d0eb14ee9883f5d838ad/domain-ready-3_1.png) ## Mobile With improvements to our development tooling and design system, we're ensuring that every part of our dashboard works well on both desktop and mobile so you can manage your deployments on the go. ![The Vercel Dashboard on mobile.](//images.ctfassets.net/e5382hct74si/25tkaF5qgg3yBUu4hz6m4z/1427d529ab3fd29454d76d158e0e2fe7/mobile-3_1.png) ## Performance We understand very well that any great user experience demands great performance. For this redesign, we didn't just stop with UI improvements. We also invested heavily in enhancing the dashboard performance — decreasing the time to First Meaningful Paint by over 1.2s. Here are a few steps we've taken to improve the performance of the Vercel Dashboard - [Preconnect](https://developers.google.com/web/fundamentals/performance/resource-prioritization#preconnect) to our API, Assets, and Avatar origins. - Assign critical API calls higher [browser priority](https://developers.google.com/web/fundamentals/performance/resource-prioritization) to avoid blocking requests. - Memoize in our React components with the `useMemo` and `useCallback` hooks. - Adopt `ReactDOM.unstable_batchedUpdates` to reduce unnecessary re-renders by 20%. - Implement [SWR](https://github.com/zeit/swr) to efficiently update dashboard data in realtime. ## Conclusion With a focus on providing better interactions with your projects and deployments, our new dashboard delivers improved speed, better performance, and more useful features. This redesign includes: - Dashboard overview. - Project-level repository connection. - Code import from source control. - Production domains process. - Performance enhancements. We would love to hear your thoughts on our new dashboard! If you'd like to share feedback, ask questions, or just say hi, you can reach out to us over [Twitter](https://twitter.com/vercel) or [Chat](https://zeit.co/chat). A special thank you to [Ana Trajkovska](https://twitter.com/AnaTrajkovska_), [Arunoda Susiripala](https://twitter.com/arunoda), [Leo Lamprecht](https://twitter.com/notquiteleo), and [Timothy Lorimer](https://twitter.com/timothyis_) for helping with making this release a reality. --- **More posts:** [View all blog posts](https://vercel.com/blog/sitemap.md) | [Changelog](https://vercel.com/changelog/sitemap.md)