Vue Instagram screenshot

Vue Instagram

Author Avatar Theme by Kevinongko
Updated: 19 Mar 2021
179 Stars

Instagram's feed fetcher component based on Vue.js

Overview

The Vue-Instagram library serves as a powerful tool for integrating Instagram feeds into your Vue.js applications. However, recent changes to Instagram’s API have rendered this library currently unusable, creating a gap for developers who rely on displaying social media content directly within their Vue apps. Understanding these limitations is crucial for anyone looking to use this library effectively.

Despite its current status, Vue-Instagram offers a range of features designed to enhance the way you display Instagram content in your projects. When it is functional, it allows for seamless integration with various customization options, but it’s essential to keep an eye on the developments surrounding Instagram’s API for future usability.

Features

  • Instagram Feed Fetcher: Easily fetch the Instagram feed using the GET method for user data, tailored specifically for Vue.js applications.

  • Scoped Slot for Customization: Style your Instagram feeds with a scoped slot that allows for personalized presentations and layouts.

  • Built for Vue 2: Optimized to work with Vue version 2.*, ensuring compatibility with existing projects built on this popular framework.

  • Flexible Feed Count: Specify the number of posts you want to fetch, giving you control over how much content appears in your application.

  • Filtering by Hashtag: Use the tags property to filter your feeds by specific hashtags, making it easier to curate content for your audience.

  • Media Type Filtering: Filter your feeds by media type (image or video) to tailor the displayed content to your users’ preferences.

  • Open-source MIT License: The library is open-sourced under the MIT license, allowing developers to use and modify the code as needed.

  • Support for the Maintainer: The project is maintained by an individual developer who appreciates any support from users, indicating a community-driven approach to development.