ApostropheCMS Deployment Issue With Widget
I am a relative beginner to working in Apostrophe. I'd like to start off by saying its a pretty great ecosystem and I've enjoyed the experience so far. However, I've run into an issue thats a bit confusing.
I've been using it to build a site for a client and I've run into a very odd issue. I have installed an instagram widget that I found via npm (https://www.npmjs.com/package/@kwsites/cms-instagram-widgets) and used it on my local host with relatively no issues, it worked and I moved on with my life.
However now I'm trying to deploy the site and the Instagram widget is not showing up in the browser when viewing on the server. Again the widget shows up perfectly fine in the browser when viewing off my local host which would indicate it did not install correctly on the server but after following all of the post install steps on the linked npm package, I am completely unsure of what to try next. I have confirmed that the @kwsites package folder is in public/modules/ directory
Any help/tips from any of the Apostrophe experts out there would be appreciated.
I am using stagecoach for deployment (again, a great product) and mechanic to manage nginx. I don't know if any of this matters but the widget is making some API calls to Instagram, don't know if they would be affected by either of those tools.
EDIT: Inspection in safari yielded the following from my local host
And the following from my server
It just looks like the widget is not being generated and I cannot find any errors in the console. Note I can add and remove a widget, I just can't get any content to generate on the server (but can on local host).
So as noted in the comments, I believe the issue was due to instagram's legacy api requiring site authorization. However with Facebook pushing the new Instagam Basic Display API, the legacy is going to be killed at the end of this month anyway/apps will stop working. So I found this blog post and found it easily adaptable to an Apostrophe module. It requires signing up for Zapier but a basic account is free and its a really interesting tool. This solved my needs
- Convert 64 bit Steam ID to 32 bit account ID
- Error: Absolute route path "/" nested under path "/app" is not valid
- How to search all JavaScript sources in Chrome Developer Tools?
- How to send a property from an array of object from a child component to the parent component?
- Toggle grid on draggable
- Supabase and Google Apps Script
- create a web app that sends a standard text message to a user submitted phone number
- Puppeteer , bringing back blank array
- fabric.js limit rotation to x degrees with rotation handle
- How do I recognize swipe events in React?
- How does jQuery make it so that its array-like collection objects are displayed like arrays in the browser console?
- Running a similar App Scripts code on Multiple Sheets
- Creating object with dynamic keys
- Sequentially Numbering Footnotes with React
- Shortens the data back to 5 characters if you put more that 5 in
- Reference to "this" is null in function called by redux-saga call
- Automatically Delete Files from Google Drive Older than 3 Days
- Html and css to add colorful codes
- Filter/Remove array object based on value, from nested JSON array object in JavaScript
- Argument of type 'string' is not assignable to parameter of type 'Auth'
- Algorithm to convert semi-transparent to solid color
- Format JavaScript date as yyyy-mm-dd
- How can I add an event for a one time click to a function?
- how can I disable everything inside a form using javascript/jquery?
- How to change screen and setState at the same time on first click in React Native
- Is there a way to tell if ReactElement renders "null"?
- Trigger Firebase Cloud Function on linkWithCredential()
- Event triggered when changing a user Firebase Authentication
- fabric.js-adding an event handler to an object doesn't work
- browser sessionStorage. share between tabs?