How to Deploy MDX Deck with Vercel

Create a React based slideshow with MDX Deck and deploy it live with Vercel.

This guide will show you how to deploy an MDX Deck app and get your domain set up.

MDX Deck is an award-winning React and MDX-based presentation framework.

Vercel is a platform for deploying the fastest MDX Deck apps. You can deploy your app with zero configuration to the best frontend infrastructure.

  • Develop: Build MDX Deck apps that connect to your favorite APIs, databases, and content management systems.
  • Preview: Integrate with any GitHub, GitLab, or Bitbucket repository for instant continuous deployment.
  • Ship: Deploy your app to every edge node worldwide for the fastest MDX Deck apps. Static files, Serverless and Edge Functions, and more.

Vercel has integrations for GitHub, GitLab, and Bitbucket to enable CI/CD for your MDX Deck app with zero configuration. Then, you can run automated tests for performance and reliability on every push. Pull and merge requests are deployed instantly to a unique URL, accessible to your entire team.

After deploying, your new MDX Deck application will get automatically assigned a .vercel.app suffixed domain. You can then add a Custom Domain on your choice, either from a third-party or purchased through Vercel.

  1. Install the Vercel CLI and run vercel to deploy.
  2. Vercel will detect that you are using MDX Deck and will enable the correct settings for your deployment.
  3. Your application is deployed! (e.g. mdx-deck-template.vercel.app)
  1. Push your code to your git repository (GitHub, GitLab, BitBucket).
  2. Import your MDX Deck project into Vercel.
  3. Vercel will detect that you are using MDX Deck and will enable the correct settings for your deployment.
  4. Your application is deployed! (e.g. mdx-deck-template.vercel.app)


Written By
Written by mcsdevmcsdev