Fayyaz Ahmed | Shopify Developer
내용
[subtitle-meta] lang=en auto=True
hi everyone welcome back to my Channel
today we are going to start Shopify app
development series and in this video we
will install the Shopify app so before
installing the app you must have a
Shopify partner account Shopify CLA
installed in your computer and a Chrome
browser so let's open the terminal and
type this following command Shopify app
in it
so I am at my desktop and I'll type
Shopify app in
it and it will ask me to give the name
of your product so in my case I will
type custom
app and start with
remix
JavaScript it is going to take some time
to install all the dependencies so I
will pause the
video okay our app is installed now type
uh CD custom
app okay type uh Shopify h
d and then select your partner account
in my
case my partner account this vob
Technologies we just create a new
app and I will name it custom
app
then configuration file name custom
app and then we need to check the store
uh I will select this store
yes automatically update the
URL and now press P to open
the open the app in the
browser
so let me just move the move in
here and now it is asking me to install
this app let's install this app
so app is being
installed take some time to install
okay now we have
the we have our app
installed now let's open this uh app in
a browser in a vs
code so I will open
file file open folder custom app select
this
folder and let's close these
files so
these are the files of our app uh mostly
we will be working in the app folder
then go to the routes and this is appor
index.js where where our code is uh
where our front page is coming
congratulation creating a new app so
this text is coming
uh from here congratulation your app is
for creating the new app let's try to
change that
test
so it will
uh you'll update the text over here
that's so you know that as you can see
we have the updated text let's remove
this
and then we
have additional
page and additional page is coming from
app. additional
GSX so we can change the text is here
here as well this is
testing
so as you can see this is testing is
written over here in the next video we
will fetch the products from the Shopify
and display them in our
app so I will see you in the next video
원문 자막 펼치기
WEBVTT Kind: captions Language: en 00:00:00.240 --> 00:00:02.990 align:start position:0% hi<00:00:00.560><c> everyone</c><00:00:01.560><c> welcome</c><00:00:01.959><c> back</c><00:00:02.080><c> to</c><00:00:02.240><c> my</c><00:00:02.480><c> Channel</c> 00:00:02.990 --> 00:00:03.000 align:start position:0% hi everyone welcome back to my Channel 00:00:03.000 --> 00:00:05.910 align:start position:0% hi everyone welcome back to my Channel today<00:00:03.439><c> we</c><00:00:03.560><c> are</c><00:00:03.760><c> going</c><00:00:04.000><c> to</c><00:00:04.240><c> start</c><00:00:04.680><c> Shopify</c><00:00:05.640><c> app</c> 00:00:05.910 --> 00:00:05.920 align:start position:0% today we are going to start Shopify app 00:00:05.920 --> 00:00:09.509 align:start position:0% today we are going to start Shopify app development<00:00:06.600><c> series</c><00:00:07.600><c> and</c><00:00:08.040><c> in</c><00:00:08.360><c> this</c><00:00:08.920><c> video</c><00:00:09.400><c> we</c> 00:00:09.509 --> 00:00:09.519 align:start position:0% development series and in this video we 00:00:09.519 --> 00:00:13.230 align:start position:0% development series and in this video we will<00:00:09.800><c> install</c><00:00:10.280><c> the</c><00:00:10.440><c> Shopify</c><00:00:11.320><c> app</c><00:00:12.320><c> so</c><00:00:12.880><c> before</c> 00:00:13.230 --> 00:00:13.240 align:start position:0% will install the Shopify app so before 00:00:13.240 --> 00:00:14.990 align:start position:0% will install the Shopify app so before installing<00:00:13.759><c> the</c><00:00:13.960><c> app</c><00:00:14.280><c> you</c><00:00:14.440><c> must</c><00:00:14.719><c> have</c><00:00:14.879><c> a</c> 00:00:14.990 --> 00:00:15.000 align:start position:0% installing the app you must have a 00:00:15.000 --> 00:00:18.670 align:start position:0% installing the app you must have a Shopify<00:00:15.519><c> partner</c><00:00:16.279><c> account</c><00:00:17.279><c> Shopify</c><00:00:18.080><c> CLA</c> 00:00:18.670 --> 00:00:18.680 align:start position:0% Shopify partner account Shopify CLA 00:00:18.680 --> 00:00:21.029 align:start position:0% Shopify partner account Shopify CLA installed<00:00:19.160><c> in</c><00:00:19.320><c> your</c><00:00:19.560><c> computer</c><00:00:20.080><c> and</c><00:00:20.240><c> a</c><00:00:20.439><c> Chrome</c> 00:00:21.029 --> 00:00:21.039 align:start position:0% installed in your computer and a Chrome 00:00:21.039 --> 00:00:25.790 align:start position:0% installed in your computer and a Chrome browser<00:00:22.039><c> so</c><00:00:22.960><c> let's</c><00:00:23.720><c> open</c><00:00:24.039><c> the</c><00:00:24.560><c> terminal</c><00:00:25.560><c> and</c> 00:00:25.790 --> 00:00:25.800 align:start position:0% browser so let's open the terminal and 00:00:25.800 --> 00:00:28.750 align:start position:0% browser so let's open the terminal and type<00:00:26.119><c> this</c><00:00:26.279><c> following</c><00:00:26.760><c> command</c><00:00:27.760><c> Shopify</c><00:00:28.519><c> app</c> 00:00:28.750 --> 00:00:28.760 align:start position:0% type this following command Shopify app 00:00:28.760 --> 00:00:30.470 align:start position:0% type this following command Shopify app in<00:00:28.920><c> it</c> 00:00:30.470 --> 00:00:30.480 align:start position:0% in it 00:00:30.480 --> 00:00:34.950 align:start position:0% in it so<00:00:31.359><c> I</c><00:00:31.680><c> am</c><00:00:32.680><c> at</c><00:00:33.239><c> my</c><00:00:33.480><c> desktop</c><00:00:34.079><c> and</c><00:00:34.239><c> I'll</c><00:00:34.559><c> type</c> 00:00:34.950 --> 00:00:34.960 align:start position:0% so I am at my desktop and I'll type 00:00:34.960 --> 00:00:41.029 align:start position:0% so I am at my desktop and I'll type Shopify<00:00:35.960><c> app</c><00:00:36.719><c> in</c> 00:00:41.029 --> 00:00:41.039 align:start position:0% 00:00:41.039 --> 00:00:44.750 align:start position:0% it<00:00:42.239><c> and</c><00:00:43.239><c> it</c><00:00:43.360><c> will</c><00:00:43.559><c> ask</c><00:00:43.800><c> me</c><00:00:44.000><c> to</c><00:00:44.200><c> give</c><00:00:44.399><c> the</c><00:00:44.559><c> name</c> 00:00:44.750 --> 00:00:44.760 align:start position:0% it and it will ask me to give the name 00:00:44.760 --> 00:00:47.029 align:start position:0% it and it will ask me to give the name of<00:00:44.920><c> your</c><00:00:45.160><c> product</c><00:00:45.600><c> so</c><00:00:45.960><c> in</c><00:00:46.160><c> my</c><00:00:46.399><c> case</c><00:00:46.719><c> I</c><00:00:46.800><c> will</c> 00:00:47.029 --> 00:00:47.039 align:start position:0% of your product so in my case I will 00:00:47.039 --> 00:00:48.510 align:start position:0% of your product so in my case I will type<00:00:47.480><c> custom</c> 00:00:48.510 --> 00:00:48.520 align:start position:0% type custom 00:00:48.520 --> 00:00:52.150 align:start position:0% type custom app<00:00:49.520><c> and</c><00:00:50.280><c> start</c><00:00:50.680><c> with</c> 00:00:52.150 --> 00:00:52.160 align:start position:0% app and start with 00:00:52.160 --> 00:00:55.029 align:start position:0% app and start with remix 00:00:55.029 --> 00:00:55.039 align:start position:0% remix 00:00:55.039 --> 00:00:57.549 align:start position:0% remix JavaScript<00:00:56.039><c> it</c><00:00:56.160><c> is</c><00:00:56.320><c> going</c><00:00:56.559><c> to</c><00:00:56.800><c> take</c><00:00:57.000><c> some</c><00:00:57.320><c> time</c> 00:00:57.549 --> 00:00:57.559 align:start position:0% JavaScript it is going to take some time 00:00:57.559 --> 00:01:00.189 align:start position:0% JavaScript it is going to take some time to<00:00:57.760><c> install</c><00:00:58.199><c> all</c><00:00:58.359><c> the</c><00:00:58.600><c> dependencies</c><00:00:59.600><c> so</c><00:01:00.079><c> I</c> 00:01:00.189 --> 00:01:00.199 align:start position:0% to install all the dependencies so I 00:01:00.199 --> 00:01:04.789 align:start position:0% to install all the dependencies so I will<00:01:01.079><c> pause</c><00:01:01.399><c> the</c> 00:01:04.789 --> 00:01:04.799 align:start position:0% 00:01:04.799 --> 00:01:09.109 align:start position:0% video<00:01:05.799><c> okay</c><00:01:06.159><c> our</c><00:01:06.640><c> app</c><00:01:06.880><c> is</c><00:01:07.080><c> installed</c><00:01:07.960><c> now</c><00:01:08.360><c> type</c> 00:01:09.109 --> 00:01:09.119 align:start position:0% video okay our app is installed now type 00:01:09.119 --> 00:01:13.429 align:start position:0% video okay our app is installed now type uh<00:01:09.680><c> CD</c><00:01:10.360><c> custom</c> 00:01:13.429 --> 00:01:13.439 align:start position:0% 00:01:13.439 --> 00:01:23.190 align:start position:0% app<00:01:14.439><c> okay</c><00:01:14.799><c> type</c><00:01:15.400><c> uh</c><00:01:15.640><c> Shopify</c><00:01:16.640><c> h</c> 00:01:23.190 --> 00:01:23.200 align:start position:0% 00:01:23.200 --> 00:01:26.910 align:start position:0% d<00:01:24.200><c> and</c><00:01:24.479><c> then</c><00:01:24.720><c> select</c><00:01:25.240><c> your</c><00:01:25.520><c> partner</c><00:01:25.960><c> account</c> 00:01:26.910 --> 00:01:26.920 align:start position:0% d and then select your partner account 00:01:26.920 --> 00:01:27.950 align:start position:0% d and then select your partner account in<00:01:27.119><c> my</c> 00:01:27.950 --> 00:01:27.960 align:start position:0% in my 00:01:27.960 --> 00:01:30.670 align:start position:0% in my case<00:01:28.960><c> my</c><00:01:29.320><c> partner</c><00:01:29.680><c> account</c><00:01:30.040><c> this</c><00:01:30.240><c> vob</c> 00:01:30.670 --> 00:01:30.680 align:start position:0% case my partner account this vob 00:01:30.680 --> 00:01:33.270 align:start position:0% case my partner account this vob Technologies<00:01:31.320><c> we</c><00:01:31.479><c> just</c><00:01:31.720><c> create</c><00:01:32.040><c> a</c><00:01:32.200><c> new</c> 00:01:33.270 --> 00:01:33.280 align:start position:0% Technologies we just create a new 00:01:33.280 --> 00:01:38.270 align:start position:0% Technologies we just create a new app<00:01:34.280><c> and</c><00:01:34.439><c> I</c><00:01:34.560><c> will</c><00:01:34.759><c> name</c><00:01:35.000><c> it</c><00:01:35.280><c> custom</c> 00:01:38.270 --> 00:01:38.280 align:start position:0% 00:01:38.280 --> 00:01:41.109 align:start position:0% app 00:01:41.109 --> 00:01:41.119 align:start position:0% app 00:01:41.119 --> 00:01:52.230 align:start position:0% app then<00:01:42.119><c> configuration</c><00:01:42.759><c> file</c><00:01:43.079><c> name</c><00:01:43.360><c> custom</c> 00:01:52.230 --> 00:01:52.240 align:start position:0% 00:01:52.240 --> 00:01:55.630 align:start position:0% app<00:01:53.240><c> and</c><00:01:53.560><c> then</c><00:01:53.880><c> we</c><00:01:54.000><c> need</c><00:01:54.200><c> to</c><00:01:54.360><c> check</c><00:01:54.640><c> the</c><00:01:54.880><c> store</c> 00:01:55.630 --> 00:01:55.640 align:start position:0% app and then we need to check the store 00:01:55.640 --> 00:02:00.429 align:start position:0% app and then we need to check the store uh<00:01:55.920><c> I</c><00:01:56.000><c> will</c><00:01:56.200><c> select</c><00:01:56.719><c> this</c><00:01:56.880><c> store</c> 00:02:00.429 --> 00:02:00.439 align:start position:0% 00:02:00.439 --> 00:02:07.510 align:start position:0% yes<00:02:00.920><c> automatically</c><00:02:01.600><c> update</c><00:02:02.000><c> the</c> 00:02:07.510 --> 00:02:07.520 align:start position:0% 00:02:07.520 --> 00:02:12.830 align:start position:0% URL<00:02:08.520><c> and</c><00:02:08.920><c> now</c><00:02:09.920><c> press</c><00:02:10.319><c> P</c><00:02:10.640><c> to</c><00:02:10.840><c> open</c> 00:02:12.830 --> 00:02:12.840 align:start position:0% URL and now press P to open 00:02:12.840 --> 00:02:16.470 align:start position:0% URL and now press P to open the<00:02:13.840><c> open</c><00:02:14.120><c> the</c><00:02:14.280><c> app</c><00:02:14.480><c> in</c><00:02:14.599><c> the</c> 00:02:16.470 --> 00:02:16.480 align:start position:0% the open the app in the 00:02:16.480 --> 00:02:18.790 align:start position:0% the open the app in the browser 00:02:18.790 --> 00:02:18.800 align:start position:0% browser 00:02:18.800 --> 00:02:24.030 align:start position:0% browser so<00:02:19.800><c> let</c><00:02:19.959><c> me</c><00:02:20.239><c> just</c><00:02:20.519><c> move</c><00:02:21.000><c> the</c><00:02:21.920><c> move</c><00:02:22.239><c> in</c> 00:02:24.030 --> 00:02:24.040 align:start position:0% so let me just move the move in 00:02:24.040 --> 00:02:26.790 align:start position:0% so let me just move the move in here<00:02:25.040><c> and</c><00:02:25.200><c> now</c><00:02:25.440><c> it</c><00:02:25.560><c> is</c><00:02:25.760><c> asking</c><00:02:26.080><c> me</c><00:02:26.239><c> to</c><00:02:26.400><c> install</c> 00:02:26.790 --> 00:02:26.800 align:start position:0% here and now it is asking me to install 00:02:26.800 --> 00:02:47.070 align:start position:0% here and now it is asking me to install this<00:02:27.080><c> app</c><00:02:27.800><c> let's</c><00:02:28.120><c> install</c><00:02:28.599><c> this</c><00:02:28.840><c> app</c> 00:02:47.070 --> 00:02:47.080 align:start position:0% 00:02:47.080 --> 00:02:53.869 align:start position:0% so<00:02:48.080><c> app</c><00:02:48.319><c> is</c><00:02:48.440><c> being</c> 00:02:53.869 --> 00:02:53.879 align:start position:0% 00:02:53.879 --> 00:03:00.509 align:start position:0% installed<00:02:54.879><c> take</c><00:02:55.120><c> some</c><00:02:55.400><c> time</c><00:02:55.599><c> to</c><00:02:55.840><c> install</c> 00:03:00.509 --> 00:03:00.519 align:start position:0% 00:03:00.519 --> 00:03:03.309 align:start position:0% okay<00:03:00.840><c> now</c><00:03:01.519><c> we</c><00:03:01.760><c> have</c> 00:03:03.309 --> 00:03:03.319 align:start position:0% okay now we have 00:03:03.319 --> 00:03:06.229 align:start position:0% okay now we have the<00:03:04.319><c> we</c><00:03:04.480><c> have</c><00:03:04.680><c> our</c><00:03:05.200><c> app</c> 00:03:06.229 --> 00:03:06.239 align:start position:0% the we have our app 00:03:06.239 --> 00:03:09.190 align:start position:0% the we have our app installed<00:03:07.239><c> now</c><00:03:07.440><c> let's</c><00:03:07.799><c> open</c><00:03:08.159><c> this</c><00:03:08.560><c> uh</c><00:03:08.799><c> app</c><00:03:09.080><c> in</c> 00:03:09.190 --> 00:03:09.200 align:start position:0% installed now let's open this uh app in 00:03:09.200 --> 00:03:12.030 align:start position:0% installed now let's open this uh app in a<00:03:09.400><c> browser</c><00:03:09.920><c> in</c><00:03:10.080><c> a</c><00:03:10.720><c> vs</c> 00:03:12.030 --> 00:03:12.040 align:start position:0% a browser in a vs 00:03:12.040 --> 00:03:16.750 align:start position:0% a browser in a vs code<00:03:13.040><c> so</c><00:03:13.599><c> I</c><00:03:13.720><c> will</c><00:03:13.959><c> open</c> 00:03:16.750 --> 00:03:16.760 align:start position:0% 00:03:16.760 --> 00:03:21.949 align:start position:0% file<00:03:17.760><c> file</c><00:03:18.120><c> open</c><00:03:18.840><c> folder</c><00:03:19.840><c> custom</c><00:03:20.519><c> app</c><00:03:21.519><c> select</c> 00:03:21.949 --> 00:03:21.959 align:start position:0% file file open folder custom app select 00:03:21.959 --> 00:03:23.309 align:start position:0% file file open folder custom app select this 00:03:23.309 --> 00:03:23.319 align:start position:0% this 00:03:23.319 --> 00:03:26.070 align:start position:0% this folder<00:03:24.319><c> and</c><00:03:24.560><c> let's</c><00:03:24.840><c> close</c><00:03:25.239><c> these</c> 00:03:26.070 --> 00:03:26.080 align:start position:0% folder and let's close these 00:03:26.080 --> 00:03:31.350 align:start position:0% folder and let's close these files<00:03:27.080><c> so</c> 00:03:31.350 --> 00:03:31.360 align:start position:0% 00:03:31.360 --> 00:03:35.589 align:start position:0% these<00:03:31.519><c> are</c><00:03:32.080><c> the</c><00:03:32.239><c> files</c><00:03:32.680><c> of</c><00:03:32.879><c> our</c><00:03:33.239><c> app</c><00:03:34.120><c> uh</c><00:03:35.120><c> mostly</c> 00:03:35.589 --> 00:03:35.599 align:start position:0% these are the files of our app uh mostly 00:03:35.599 --> 00:03:37.910 align:start position:0% these are the files of our app uh mostly we<00:03:35.760><c> will</c><00:03:35.959><c> be</c><00:03:36.159><c> working</c><00:03:36.480><c> in</c><00:03:36.599><c> the</c><00:03:36.760><c> app</c><00:03:37.000><c> folder</c> 00:03:37.910 --> 00:03:37.920 align:start position:0% we will be working in the app folder 00:03:37.920 --> 00:03:41.869 align:start position:0% we will be working in the app folder then<00:03:38.080><c> go</c><00:03:38.239><c> to</c><00:03:38.400><c> the</c><00:03:38.760><c> routes</c><00:03:39.760><c> and</c><00:03:40.040><c> this</c><00:03:40.159><c> is</c><00:03:40.560><c> appor</c> 00:03:41.869 --> 00:03:41.879 align:start position:0% then go to the routes and this is appor 00:03:41.879 --> 00:03:46.350 align:start position:0% then go to the routes and this is appor index.js<00:03:42.920><c> where</c><00:03:43.920><c> where</c><00:03:44.120><c> our</c><00:03:44.439><c> code</c><00:03:44.720><c> is</c><00:03:45.360><c> uh</c> 00:03:46.350 --> 00:03:46.360 align:start position:0% index.js where where our code is uh 00:03:46.360 --> 00:03:48.390 align:start position:0% index.js where where our code is uh where<00:03:46.560><c> our</c><00:03:46.760><c> front</c><00:03:47.040><c> page</c><00:03:47.239><c> is</c><00:03:47.439><c> coming</c> 00:03:48.390 --> 00:03:48.400 align:start position:0% where our front page is coming 00:03:48.400 --> 00:03:51.149 align:start position:0% where our front page is coming congratulation<00:03:49.319><c> creating</c><00:03:49.640><c> a</c><00:03:49.799><c> new</c><00:03:50.120><c> app</c><00:03:50.879><c> so</c> 00:03:51.149 --> 00:03:51.159 align:start position:0% congratulation creating a new app so 00:03:51.159 --> 00:03:53.470 align:start position:0% congratulation creating a new app so this<00:03:51.400><c> text</c><00:03:51.840><c> is</c><00:03:52.079><c> coming</c> 00:03:53.470 --> 00:03:53.480 align:start position:0% this text is coming 00:03:53.480 --> 00:03:58.309 align:start position:0% this text is coming uh<00:03:54.480><c> from</c><00:03:54.799><c> here</c><00:03:55.319><c> congratulation</c><00:03:56.239><c> your</c><00:03:56.599><c> app</c><00:03:57.319><c> is</c> 00:03:58.309 --> 00:03:58.319 align:start position:0% uh from here congratulation your app is 00:03:58.319 --> 00:04:00.149 align:start position:0% uh from here congratulation your app is for<00:03:58.560><c> creating</c><00:03:58.879><c> the</c><00:03:59.000><c> new</c><00:03:59.200><c> app</c><00:03:59.400><c> let's</c><00:03:59.799><c> try</c><00:04:00.040><c> to</c> 00:04:00.149 --> 00:04:00.159 align:start position:0% for creating the new app let's try to 00:04:00.159 --> 00:04:02.869 align:start position:0% for creating the new app let's try to change<00:04:00.560><c> that</c> 00:04:02.869 --> 00:04:02.879 align:start position:0% change that 00:04:02.879 --> 00:04:04.869 align:start position:0% change that test 00:04:04.869 --> 00:04:04.879 align:start position:0% test 00:04:04.879 --> 00:04:10.110 align:start position:0% test so<00:04:05.879><c> it</c><00:04:06.040><c> will</c> 00:04:10.110 --> 00:04:10.120 align:start position:0% 00:04:10.120 --> 00:04:14.069 align:start position:0% uh<00:04:11.120><c> you'll</c><00:04:11.439><c> update</c><00:04:11.879><c> the</c><00:04:12.360><c> text</c><00:04:12.720><c> over</c><00:04:13.079><c> here</c> 00:04:14.069 --> 00:04:14.079 align:start position:0% uh you'll update the text over here 00:04:14.079 --> 00:04:16.990 align:start position:0% uh you'll update the text over here that's<00:04:14.280><c> so</c><00:04:14.439><c> you</c><00:04:14.599><c> know</c><00:04:14.959><c> that</c><00:04:15.959><c> as</c><00:04:16.079><c> you</c><00:04:16.239><c> can</c><00:04:16.400><c> see</c> 00:04:16.990 --> 00:04:17.000 align:start position:0% that's so you know that as you can see 00:04:17.000 --> 00:04:21.110 align:start position:0% that's so you know that as you can see we<00:04:17.199><c> have</c><00:04:17.479><c> the</c><00:04:17.720><c> updated</c><00:04:18.680><c> text</c><00:04:19.680><c> let's</c><00:04:20.040><c> remove</c> 00:04:21.110 --> 00:04:21.120 align:start position:0% we have the updated text let's remove 00:04:21.120 --> 00:04:23.469 align:start position:0% we have the updated text let's remove this 00:04:23.469 --> 00:04:23.479 align:start position:0% this 00:04:23.479 --> 00:04:25.990 align:start position:0% this and<00:04:24.479><c> then</c><00:04:24.720><c> we</c> 00:04:25.990 --> 00:04:26.000 align:start position:0% and then we 00:04:26.000 --> 00:04:27.990 align:start position:0% and then we have<00:04:27.000><c> additional</c> 00:04:27.990 --> 00:04:28.000 align:start position:0% have additional 00:04:28.000 --> 00:04:31.670 align:start position:0% have additional page<00:04:29.000><c> and</c><00:04:29.280><c> additional</c><00:04:29.919><c> page</c><00:04:30.120><c> is</c><00:04:30.320><c> coming</c><00:04:30.759><c> from</c> 00:04:31.670 --> 00:04:31.680 align:start position:0% page and additional page is coming from 00:04:31.680 --> 00:04:34.270 align:start position:0% page and additional page is coming from app.<00:04:32.720><c> additional</c> 00:04:34.270 --> 00:04:34.280 align:start position:0% app. additional 00:04:34.280 --> 00:04:37.830 align:start position:0% app. additional GSX<00:04:35.280><c> so</c><00:04:35.520><c> we</c><00:04:35.639><c> can</c><00:04:35.800><c> change</c><00:04:36.080><c> the</c><00:04:36.280><c> text</c><00:04:36.560><c> is</c><00:04:36.840><c> here</c> 00:04:37.830 --> 00:04:37.840 align:start position:0% GSX so we can change the text is here 00:04:37.840 --> 00:04:41.909 align:start position:0% GSX so we can change the text is here here<00:04:38.080><c> as</c><00:04:38.280><c> well</c><00:04:38.840><c> this</c><00:04:39.039><c> is</c> 00:04:41.909 --> 00:04:41.919 align:start position:0% 00:04:41.919 --> 00:04:43.510 align:start position:0% testing 00:04:43.510 --> 00:04:43.520 align:start position:0% testing 00:04:43.520 --> 00:04:46.590 align:start position:0% testing so<00:04:44.520><c> as</c><00:04:44.639><c> you</c><00:04:44.759><c> can</c><00:04:44.919><c> see</c><00:04:45.280><c> this</c><00:04:45.400><c> is</c><00:04:45.680><c> testing</c><00:04:46.400><c> is</c> 00:04:46.590 --> 00:04:46.600 align:start position:0% so as you can see this is testing is 00:04:46.600 --> 00:04:49.390 align:start position:0% so as you can see this is testing is written<00:04:47.000><c> over</c><00:04:47.240><c> here</c><00:04:48.080><c> in</c><00:04:48.240><c> the</c><00:04:48.479><c> next</c><00:04:48.840><c> video</c><00:04:49.280><c> we</c> 00:04:49.390 --> 00:04:49.400 align:start position:0% written over here in the next video we 00:04:49.400 --> 00:04:52.230 align:start position:0% written over here in the next video we will<00:04:49.600><c> fetch</c><00:04:50.080><c> the</c><00:04:50.280><c> products</c><00:04:50.720><c> from</c><00:04:51.039><c> the</c><00:04:51.280><c> Shopify</c> 00:04:52.230 --> 00:04:52.240 align:start position:0% will fetch the products from the Shopify 00:04:52.240 --> 00:04:56.430 align:start position:0% will fetch the products from the Shopify and<00:04:53.240><c> display</c><00:04:53.800><c> them</c><00:04:54.639><c> in</c><00:04:54.840><c> our</c> 00:04:56.430 --> 00:04:56.440 align:start position:0% and display them in our 00:04:56.440 --> 00:05:01.639 align:start position:0% and display them in our app<00:04:57.440><c> so</c><00:04:57.800><c> I</c><00:04:57.880><c> will</c><00:04:58.080><c> see</c><00:04:58.280><c> you</c><00:04:58.560><c> in</c><00:04:58.680><c> the</c><00:04:58.880><c> next</c><00:04:59.120><c> video</c>