Build a Mini Netflix (with Vue)
  • Introduction
  • Enter Contest
  • Media Delivery and Transformation
  • Setting Up a Webtask Server
  • Provision and Configure a Database
  • Create Server Routes
  • Setting Up a Vue Client
  • Header and Navigation
  • Video Player Component
  • Playing Videos
  • Cloudinary Account and Initialization
  • List of Movies Component
  • Showing A List of Movies
  • New Movie Modal Component
  • Uploading Movies
  • Sharing on Twitter
  • Deploy to Heroku
  • What's Next
Powered by GitBook
On this page

What's Next

PreviousDeploy to Heroku

Last updated 7 years ago

The purpose of this lab is to give you a hands-on experience on how to build full stack web apps using modern cutting-edge technologies. Everything you've learned today is a de-facto way of building web apps in 2018:

  • Component based UI architecture

  • Using functions as backend framework to divide and conquer

  • Uploading, delivering, streaming and transforming media at a bare minimum cost

This is not where your journey ends. You can reuse what you've learned here for future projects or expand on this one to create your own a streaming service!

Here are some helpful links to consider:

  • Awesome Vue:

  • Vue Cookbook:

  • Video Transformation:

  • Vide Player:

  • Webtask Documentation:

Assignment

You can extend this project to get even more interesting. When you extend, tweet at us so we can share and help you review.

Here are some cool things to try:

  1. Try adding a pre or post roll video to each clip

  2. the logo over the video

  3. Use a different poster frame for each video - and stylize them. ( or )

https://github.com/vuejs/awesome-vue
https://vuejs.org/v2/cookbook
https://cloudinary.com/documentation/video_manipulation_and_delivery
https://cloudinary.com/documentation/cloudinary_video_player
https://webtask.io/docs/101
@cloudinary
Overlay
r_max
style transfer
Generate Video Preview Clips