Amplify-js: DataStore | Not working with NextJS or Gatsby

[giovas94]

We are trying to use Datastore with NextJS & Gatsby. It works without error but never sync the data to the cloud only works with the local IndexedBD (offline).

[HerrBertling]

I've got the same issue with a Vue app. I initially generated the API before the DataStore was published. Now I added it (which works seamlessly until syncing 😄:+1: ) and the local IndexedDB is written. Syncing does not happen, though.

This has nothing to do with SSR in my case, as far as I can see.

What I'm doing is just one query and one save, nothing special there.

[elorzafe]

@giovas94 thanks for pointing this, we are going to dive deep into this.

[ashika01]

@giovas94 : How does your setup for Datastore look like? I just created a sample nextJS app and implemented Datastore in it. Since Datastore uses indexedDB for offline storage, I used noSSR to set it up. And once that is set, I was able to use Datastore as usual completely synced with cloud.

Could you provide more details or sample? So I can help you unblock.

[stale[bot]]

This issue has been automatically closed because of inactivity. Please open a new issue if are still encountering problems.

[m5r]

@giovas94 : How does your setup for Datastore look like? I just created a sample nextJS app and implemented Datastore in it. Since Datastore uses indexedDB for offline storage, I used noSSR to set it up. And once that is set, I was able to use Datastore as usual completely synced with cloud.

Could you provide more details or sample? So I can help you unblock.

Amplify is all about enhancing the developer experience to let the developers focus on business requirements & deliver apps with great user experience and having to forego SSR, one of the key features to deliver better user experience, to use DataStore is kind of off putting.