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 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: https://mdx-deck.now-examples.vercel.app

mcsdev