https://github.com/pedrouid/gatsby-source-vimeo

Gatsby source plugin for fetching video information from Vimeo as a data source
https://github.com/pedrouid/gatsby-source-vimeo

gatsby gatsby-plugin gatsby-source gatsbyjs graphql plugin source vimeo

Last synced: about 1 month ago
JSON representation

Gatsby source plugin for fetching video information from Vimeo as a data source

• Host: GitHub
• URL: https://github.com/pedrouid/gatsby-source-vimeo
• Owner: pedrouid
• Created: 2018-02-25T13:21:22.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2022-12-19T22:49:16.000Z (almost 2 years ago)
• Last Synced: 2024-09-29T14:32:06.569Z (about 2 months ago)
• Topics: gatsby, gatsby-plugin, gatsby-source, gatsbyjs, graphql, plugin, source, vimeo
• Language: JavaScript
• Homepage: https://npmjs.com/package/gatsby-source-vimeo
• Size: 136 KB
• Stars: 5
• Watchers: 3
• Forks: 8
• Open Issues: 11
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# gatsby-source-vimeo

Source plugin for pulling data into Gatsby from Vimeo user videos endpoint.

## Pre-requirements

You will need to register on Vimeo to get API keys to use this plugin:

https://developer.vimeo.com/apps/new

## Install

`npm install --save gatsby-source-vimeo`

## How to use

```javascript

// In your gatsby-config.js

plugins: [

  {

    resolve: `gatsby-source-vimeo`,

    options: {

      clientID: 'INSERT_YOUR_CLIENT_IDENTIFIER',

      clientSecret: 'INSERT_YOUR_CLIENT_SECRET',

      userID: 'INSERT_VIMEO_USER_ID_TO_FETCH_VIDEOS',

      searchQuery: 'INSERT_SEARCH_QUERY',               // Optional

      transformer(video) {                              // Optional

        video.newField = 'value';

        return video;

      },

    },

  },

];

```

## Plugin Options

### clientID

###### REQUIRED

```

Client identifier from Vimeo Developer dashboard

```

### clientSecret

###### REQUIRED

```

Client secret from Vimeo Developer dashboard

```

### userID

###### REQUIRED

```

User ID that you want to fetch videos from

(visit Vimeo profile and run window.vimeo.config.profile.app_config.user.id

on browser console to get the userID)

```

### searchQuery

###### OPTIONAL

```

Keywords to filter videos to be fetched

(comma separated)

```

### transformer

###### OPTIONAL

```

Transformer function to add or alter existing fields

```

## Note

Remember you are only fetching video information, so this will provide

you with Video titles, descriptions, embedded iframes and thumbnails.