This is a Next.js project bootstrapped with create-next-app. It has been modified to illustrate how to embed the Mux Player into blog posts in the .mdx file format.
utils/blogPosts.js uses mdx-bundler to process all .mdx files in the blog directory. And pages/posts/[slug].js renders the <MDX Component /> and imports <MuxPlayer /> for Component Substitution.
First, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Mux Player - a video component that integrates with Mux.
- MDX - JSX + markdown
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.