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
There are two ways to deploy with Vercel. We recommend using a Vercel for Git Integration for ease-of-use. Alternatively, Vercel CLI can be used to generate a manual Preview Deployment.
Once deployed, you will get a URL to see your app live, such as the following: https://mdx-deck.now-examples.now.sh
To deploy your MDX Deck app with a Vercel for Git Integration, make sure it has been pushed to a Git repository.
Import the project into Vercel using your Git Integration of choice:
After your project has been imported, all subsequent pushes to branches will generate Preview Deployments, and all changes made to the default branch (commonly "master") will result in a Production Deployment.
Was this helpful?
Written By
mcsdev