If Next.js is your framework of choice for building your application, Mux fits in perfectly when you need to add video.
Make sure that every user who views your videos is getting the best possible viewing experience
Use Mux Player, or use any HLS-compatible video player
Let Mux be your video infrastructure, not your CMS
The same way you measure frontend page performance, Mux Data measures video quality of experience metrics
All API requests against the Mux API can be made securely from your application’s backend using the Mux Node SDK inside Next API Routes in pages/api.
Configure environment variables with your Mux API keys: process.env.MUX_TOKEN_ID & process.env.MUX_TOKEN_SECRET.
Use Next.js API Routes to listen for Mux webhooks.
One line of code gives you a fully-featured video player. Integrated with Mux Data out of the box:
Take advantage of Next.js for a great loading experience.Learn more about Mux Player
@MuxHQ was an absolute lifesaver for videos on a previous project. Thumbnails, truly instant play via livestreaming, resizing, whole bit. I’m often skeptical of third-party services but I never could’ve competed with the UX they let me deliver
Noteworthy: @muxhq is SO good! Amazing how fast that upload went…
This is a starter kit for building an online video course. If you’re a developer you’ve probably seen and used platforms like Egghead, LevelUp Tutorials, Coursera, etc. This is your starter kit to build something like that with Next.js + Mux. Complete with Github oauth, the ability to create courses, adding video lessons, progress tracking for viewers.
This is a bare-bones starter application with Next.js that uses:
Stream.new is an open source Next.js application that does:
Try Mux with a risk free trial and $20 in credit.