The DatoCMS Blog

DatoCMS and Vercel (formerly ZEIT) integration is online!

Posted on March 11th, 2020 by Massimiliano Palloni

JAMstack is surely about speed, scalability, and security, but one of the most forgotten advantages is letting developers focus on creating quality products instead of managing infrastructure.

The massive trend towards decoupling the front-end and back-end has transformed the role of the front-end developer from someone who would mainly slice and dice a design from a PSD file into a full-blown app developer.

For this reason, we have always focused on providing seamless integrations with every service and product we can put our hands on. With out-of-the-box solutions that work correctly, a developer can use their favorite tools without going crazy on improbable workarounds.

With this in mind, we have worked closely with Vercel in the last month or so to ensure full integration with Vercel, to give you a frictionless user experience.

For those who have not yet tried it, Vercel is a cloud platform for static sites and serverless functions that enables developers to deploy static sites instantly with zero configuration required. Its fast and reliable global CDN helps your project to scale automatically and painlessly.

Many of our users are already publishing high-performing sites and apps using Vercel, so we needed to ensure that the process was the most straight-forward possible.

From now on, you can connect DatoCMS and Vercel in a matter of minutes, allowing you to deploy directly from DatoCMS’ dashboard: your editors can press the “Publish” button in your administrative area, and a new build process gets triggered.

When your repo is connected and configured correctly, it takes seconds to activate the integration in the administrative area.

You can read the complete tutorial for Vercel, including setup videos, on our documentation page.

5 reasons why we love Vercel

While grade A performance is already a good selling point for Vercel, we think that the platform unlocks some new, exciting possibilities for developers.

  • Vercel has a pretty ingenious automatic cache invalidation system, so that constant iterations do not require hours of manual cache maintenance for secure deploys and rollbacks.

  • Deployment previews are also a fantastic feature that gives each deployment a unique, shareable URL that remains up-to-date as you work. You can share it like it’s in production, so you can test changes without leaving the browser tab. This is also applicable to branches and Pull Requests, to test multiple versions of code, alongside content.

  • Vercel is a perfect solution for architectures that rely on serverless functions, with perfect scalability to any incoming request volume, anywhere in the world.

  • Vercel is also an excellent platform for server-side rendering (SSR) techniques that help deliver the content to the client sooner, with positive repercussions on user experience and SEO.

  • With the latest improvements on Vercel infrastructure you can now get one of the fastest builds in the industry if you’re building with Next.js or Gatsby.

The integration with Vercel opens many engaging scenarios with all front-end frameworks, offering thorough flexibility in the front-end and content rendering choices.

Try our demos with Vercel

If you want to try the integration without starting from scratch, you can take advantage of our demos, compatible with Vercel from the get-go. The process is entirely automated, and it takes no more than two minutes to go online.

For example you can try a quick start example blog built with Next.js, that you can set up with a one-click install:

Next.js Blog
Next.js Blog
Try the full-fledged DatoCMS demo project in minutes.
Deploy the demo project

Vercel allows us to try many solutions that blur the line between static and dynamic solutions, so we can’t wait to see your first projects!

As always, if you have questions or are having problems with integration, reach us on Community!