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.

Step 2: Deploying Your MDX Deck Project with Vercel

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

Import the project into Vercel using your Git provider 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:

Written By
Written by mcsdevmcsdev