Deploying MDX Deck with Vercel

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

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

Step 1: Set Up Your MDX Deck Project

Set up an MDX Deck project with npm and move into the project directory:

npm init deck my-presentation && cd my-presentation

Initializing an MDX Deck project with npm and moving into the project directory.

To deploy your MDX Deck app with a Vercel for Git, make sure it has been pushed to a Git repository.

Import the project into Vercel using your Git of choice:

After your project has been imported, all subsequent pushes to branches will generate Preview Deployments, and all changes made to the Production Branch (commonly "main") will result in a Production Deployment.

Once deployed, you will get a URL to see your app live, such as the following: https://mdx-deck.now-examples.vercel.app

mcsdev