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
Tutorials · 6 min read
Video Metadata: Exploring advanced use cases and their benefits
Learn what is video metadata and how it finds application in various scenarios like e-learning or video sharing. 
api.video · February 23, 2024
 
Tutorials · 4 min read
API showcase - build a service like Airbnb with api.video
Building a website like Airbnb? Let api.video enhance your platform with video upload and delivery functionalities. This blog post showcases the API endpoints that you can use to build a simple and robust solution that enables your users to upload and play videos for their customers.
api.video · December 27, 2023
 
Tutorials · 3 min read
Lost in translation? Fill in the blanks with captions!
Unlock the full potential of your video content with api.video's user-friendly captioning feature. This guide introduces the seamless integration of captions into your videos hosted on api.video, utilizing the WebVTT format.
api.video · December 20, 2023
 
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.