polaris | Validation of best practices in your Kubernetes clusters | Continuous Deployment library

I am getting error while migrating sbt from 0.13.0 to 1.3.0. I am currently facing issue in error: not found: value scriptClasspath.

My build.sbt file after the migration.

Not really a batch file user (more of a python guy here) wanting to get an output to just show the video title in a MS Edge YouTube tab (ultimately into a txt file, but I am going one step at a time and don't wanna waste too much of peoples time asking things on here. But I hit like 5 hours of debugging and searching how substrings work)

The batch I have made for testing is

I've made a GQL query in which I receive data on all of my products as objects within an array. Here is one of the objects:

With this data, I am trying to map each individual product to a element within a . However I am struggling to get this loading in correctly - I get nothing back on screen or in my console when logging. Would anyone be able to give me a hand?

Here is my GQL query:

I followed this tutorial: https://shopify.dev/tutorials/build-a-shopify-app-with-node-and-react

From the beginning, my app was extremely slow to load, including when changing tabs, including when loaded through ngrok and run on localhost or deployed on app engine.

What could be causing this ?

P.S.: I am new to React, Next.js and Shopify App development, so the answer could be quite basic.

P.P.S.: The build output seems to indicate "First Load JS shared by all" is too large based on the red color. I do not know how to investigate this and reduce the size of said chunks although a mere 214KB could not explain such slow load times, could it ?

Build

React Dev Tools Profiler

@next/bundle-analyzer Output:

Parsed

Gzipped

package.json

I followed Shopify's guide, until the end of 4th step, to develop a Next JS app and I've setup two pages (embedded app navigation), Home and Page1. Now, when I click to open both pages, the app is doing a reload instead of routing...

You can see here the flickering issue - https://youtu.be/45RvYgxC7C0

Any help on this would be very appreciated.

_app.js

Currently I am trying to create a very basic abandoned cart app just to teach myself more about GraphQL and Shopify's app creation with Polaris. Polaris has a great group of components but I am having trouble editing them to how I require. So far I haven't found any way to alter the styles of components or layouts and so am having some trouble. I am not new to programming but I am somewhat new to react.

I saw that Polaris does not support styles because the developers want it to remain consistent across all apps. Attached I have some images - I am just wondering if I can move from the current to the goal?

The goal is to have three cards in a column with a table of the same width underneath them, with a space such as this. In this image the table didn't go all the way across but that was due to how I made the image.

At the moment, it looks like this (multiple line state) - no space between components, and despite copying the code from the component library, three equal columns go over multiple lines, rather than in the second current image on the same line, but it requires that the middle card must be different (I think as it won't do it if they are the same contents). There also is no gap beneath the card and table - single line current state.

I have tried to find out online in other places and do some workarounds but I am out of ideas. Is it possible to edit the current state of the cards to make them similar to the goal state due to Polaris' restrictions?

[Edit] Uploaded the same image for the last two images, fixed

[Edit 2] Added code + image

I have made a Shopify app, it is a sales channel... now I want to embed the app, but the app always shows in a new browser window.

This is what I have done: From Shopify Partners Account, I have gone to the App's Extension and made it embedded:

Now when user installs the app, I redirect the users to the oAuth page... if user accepts the app is installed. 

Next time user logs in to the app, I return the following code (C#, ASP.NET MVC):

Let's consider two dataframes : Person and Movie :

dataframe Person

i am running a an error "Select a valid deployment group for the service." when i try to do a blue/green deployment on my ecs service. (https://monosnap.bugsmasher.online/marcoschmiedel/20200716192812untnf_.png)

Can anybody tell me what a "valid deployment group" is all about?

Heres my environment as yaml file....

Thx for the help...