logo api.video

Tutorials · 2 min read

Next.js Boilerplate api.video

api.video Next.js boilerplate: start your video project the easy way

Start your new project the right way by using the api.video Next.js boilerplate: all you need to build a great video project is in it! 🧑‍💻

Yohann Martzolff

February 2, 2023

No doubt, Next.js is one of the best React framework for full-stack web applications.

What if you want to create your own video application? A Next.js boilerplate with all api.video features is ready for you to begin your journey 🧑‍💻

What’s a boilerplate 🤔

A boilerplate is a unit of writing that can be reused without change. The idea is sometimes applied to reusable programming, and that’s the case here: our Next.js boilerplate is a starter pack containing all api.video features that anybody can use, without having to change anything in it to start a new project.

Of course, you are free to modify anything once your application is running!

What can I achieve with this boilerplate 🥇

After the boilerplate has been bootstrapped, you can run your brand-new application and enjoy api.video features!

Upload videos, display them as a list, and play any video in a fully customizable player.

api.video proposes many more endpoints to manage and create a complete video application. Check our documentation to learn about this.

Get started 🏁

Find out about how to use our boilerplate on the README file, or follow the guide bellow 👇

  1. Create a new Next.js application by running one of the following commands in a new terminal and following the command prompts.

bash

    

  1. Rename the .env.local.example file with .env.
    2. 

  2. Find your API key in the api.video dashboard API keys section and add its value to the API_KEY environment variable in the .env file.
    3. 

yaml
💡 If you don’t already have an api.video account, create a free one here.


    

  1. Start your application by running yarn dev in your terminal, and voilà!
    2. 



You should be able to see a basic sample app from where you can upload videos and see them as a list.
api.video Next.js boilerplate preview
Everything in this application is set up to build a complete video application, from Next.js to api.video, enjoy coding!


Find the full boilerplate in the official Next.js repository right here.
LATEST ARTICLES
What is a webhook?
Tutorials · 8 min read
What is a webhook and how to use webhooks for real-time video management
Answer critical questions like what are webhooks, how they work, and how you can use them for video management. 
api.video · September 12, 2024
 
AI face recognition (React)
Tutorials · 4 min read
How to build AI facial expression detection into your videos with React
Learn how to add AI facial expression detection to your videos using one of Javascript's powerful libraries, React. 
Yohann Martzolff · June 26, 2024
 
AI face recognition (Javascript)
Tutorials · 4 min read
How to integrate AI facial expression detection to control your video – Javascript 
Learn how to add AI facial expression detection to your videos using Javascript. 
Yohann Martzolff · June 25, 2024
 
Try out more than 80 features for free
Access all the features for as long as you need.

No commitment or credit card required
Video API, simplified
Fully customizable API to manage everything video. From encoding to delivery, in minutes.
Built for Speed
The fastest video encoding platform. Serve your users globally with 140+ points of presence. 
Let end-users upload videos
Finally, an API that allows your end-users to upload videos and start live streams in a few clicks.
Affordable
Volume discounts and usage-based pricing to ensure you don’t exceed your budget.