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

Sharing on Twitter

Finally, we can give users a chance to share the trailers they've just added on Twitter.

Install the Vue Social library:

npm install --save vue-social-sharing

Configure the library in src/main.js:

const SocialSharing = require('vue-social-sharing');

Vue.use(SocialSharing);

Add the following to the nav bar items:

<a class="button navbar-item">
  <social-sharing 
    title="Build a Mini Netflix from scratch" 
    url="https://cloudinary.gitbooks.io/build-a-mini-netflix-clone-with-vue/content" inline-template>
    <div>
      <network network="twitter">
        Share
      </network>
    </div>
  </social-sharing>
</a>
PreviousUploading MoviesNextDeploy to Heroku

Last updated 7 years ago