LiftedCommerce - Remix & Shopify Hydrogen Tutorial

WEBVTT
Kind: captions
Language: en

00:00:00.840 --> 00:00:02.550 align:start position:0%
 
hello<00:00:01.160><c> Internet</c><00:00:01.800><c> in</c><00:00:01.959><c> this</c><00:00:02.120><c> video</c><00:00:02.320><c> we're</c><00:00:02.440><c> going</c>

00:00:02.550 --> 00:00:02.560 align:start position:0%
hello Internet in this video we're going
 

00:00:02.560 --> 00:00:04.870 align:start position:0%
hello Internet in this video we're going
to<00:00:02.679><c> learn</c><00:00:02.960><c> how</c><00:00:03.080><c> to</c><00:00:03.280><c> set</c><00:00:03.520><c> up</c><00:00:03.679><c> a</c><00:00:03.879><c> custom</c><00:00:04.400><c> hydrogen</c>

00:00:04.870 --> 00:00:04.880 align:start position:0%
to learn how to set up a custom hydrogen
 

00:00:04.880 --> 00:00:08.509 align:start position:0%
to learn how to set up a custom hydrogen
storefront<00:00:05.879><c> using</c><00:00:06.200><c> a</c><00:00:06.359><c> Shopify</c><00:00:07.160><c> CLI</c><00:00:08.160><c> and</c>

00:00:08.509 --> 00:00:08.519 align:start position:0%
storefront using a Shopify CLI and
 

00:00:08.519 --> 00:00:11.509 align:start position:0%
storefront using a Shopify CLI and
Shopify<00:00:09.080><c> made</c><00:00:09.240><c> it</c><00:00:09.480><c> extremely</c><00:00:10.040><c> easy</c><00:00:10.440><c> to</c><00:00:10.960><c> uh</c>

00:00:11.509 --> 00:00:11.519 align:start position:0%
Shopify made it extremely easy to uh
 

00:00:11.519 --> 00:00:14.509 align:start position:0%
Shopify made it extremely easy to uh
create<00:00:12.519><c> hydrogen</c><00:00:13.040><c> starfront</c><00:00:14.040><c> all</c><00:00:14.200><c> you</c><00:00:14.400><c> have</c>

00:00:14.509 --> 00:00:14.519 align:start position:0%
create hydrogen starfront all you have
 

00:00:14.519 --> 00:00:16.590 align:start position:0%
create hydrogen starfront all you have
to<00:00:14.679><c> do</c><00:00:14.879><c> is</c><00:00:15.080><c> run</c><00:00:15.360><c> one</c><00:00:15.480><c> of</c><00:00:15.639><c> these</c><00:00:15.799><c> tree</c><00:00:16.160><c> commands</c>

00:00:16.590 --> 00:00:16.600 align:start position:0%
to do is run one of these tree commands
 

00:00:16.600 --> 00:00:20.470 align:start position:0%
to do is run one of these tree commands
using<00:00:17.199><c> your</c><00:00:17.480><c> favorite</c><00:00:18.320><c> node</c><00:00:19.039><c> package</c><00:00:19.480><c> manager</c>

00:00:20.470 --> 00:00:20.480 align:start position:0%
using your favorite node package manager
 

00:00:20.480 --> 00:00:22.750 align:start position:0%
using your favorite node package manager
I<00:00:20.720><c> I</c><00:00:20.800><c> would</c><00:00:21.039><c> recommend</c><00:00:21.640><c> pnpm</c><00:00:22.279><c> because</c><00:00:22.480><c> it's</c><00:00:22.600><c> a</c>

00:00:22.750 --> 00:00:22.760 align:start position:0%
I I would recommend pnpm because it's a
 

00:00:22.760 --> 00:00:25.550 align:start position:0%
I I would recommend pnpm because it's a
lot<00:00:23.000><c> faster</c><00:00:23.599><c> and</c><00:00:23.960><c> um</c><00:00:24.960><c> to</c><00:00:25.160><c> install</c>

00:00:25.550 --> 00:00:25.560 align:start position:0%
lot faster and um to install
 

00:00:25.560 --> 00:00:27.150 align:start position:0%
lot faster and um to install
dependencies<00:00:26.160><c> and</c><00:00:26.320><c> stuff</c><00:00:26.560><c> like</c><00:00:26.679><c> that</c><00:00:26.880><c> but</c><00:00:27.039><c> if</c>

00:00:27.150 --> 00:00:27.160 align:start position:0%
dependencies and stuff like that but if
 

00:00:27.160 --> 00:00:28.509 align:start position:0%
dependencies and stuff like that but if
you're<00:00:27.279><c> a</c><00:00:27.400><c> beginner</c><00:00:27.840><c> I</c><00:00:27.920><c> would</c><00:00:28.160><c> highly</c>

00:00:28.509 --> 00:00:28.519 align:start position:0%
you're a beginner I would highly
 

00:00:28.519 --> 00:00:30.790 align:start position:0%
you're a beginner I would highly
recommend<00:00:28.960><c> you</c><00:00:29.080><c> to</c><00:00:29.240><c> use</c><00:00:29.519><c> npm</c><00:00:30.279><c> simp</c><00:00:30.519><c> for</c><00:00:30.679><c> the</c>

00:00:30.790 --> 00:00:30.800 align:start position:0%
recommend you to use npm simp for the
 

00:00:30.800 --> 00:00:33.869 align:start position:0%
recommend you to use npm simp for the
simple<00:00:31.119><c> reason</c><00:00:31.480><c> that</c><00:00:32.360><c> it</c><00:00:32.719><c> it</c><00:00:32.840><c> was</c><00:00:33.040><c> the</c><00:00:33.280><c> first</c>

00:00:33.869 --> 00:00:33.879 align:start position:0%
simple reason that it it was the first
 

00:00:33.879 --> 00:00:36.790 align:start position:0%
simple reason that it it was the first
uh<00:00:34.000><c> npm</c><00:00:34.960><c> the</c><00:00:35.079><c> node</c><00:00:35.360><c> package</c><00:00:35.719><c> manager</c><00:00:36.480><c> and</c><00:00:36.640><c> it's</c>

00:00:36.790 --> 00:00:36.800 align:start position:0%
uh npm the node package manager and it's
 

00:00:36.800 --> 00:00:38.950 align:start position:0%
uh npm the node package manager and it's
a<00:00:36.960><c> lot</c><00:00:37.160><c> easier</c><00:00:37.440><c> to</c><00:00:37.600><c> fight</c><00:00:38.040><c> help</c><00:00:38.239><c> find</c><00:00:38.559><c> help</c><00:00:38.800><c> for</c>

00:00:38.950 --> 00:00:38.960 align:start position:0%
a lot easier to fight help find help for
 

00:00:38.960 --> 00:00:41.229 align:start position:0%
a lot easier to fight help find help for
it<00:00:39.160><c> online</c><00:00:39.559><c> if</c><00:00:39.680><c> you</c><00:00:39.800><c> ever</c><00:00:40.039><c> need</c><00:00:40.239><c> to</c><00:00:40.879><c> so</c><00:00:41.120><c> we're</c>

00:00:41.229 --> 00:00:41.239 align:start position:0%
it online if you ever need to so we're
 

00:00:41.239 --> 00:00:43.869 align:start position:0%
it online if you ever need to so we're
going<00:00:41.360><c> to</c><00:00:41.520><c> copy</c><00:00:41.800><c> that</c><00:00:42.000><c> command</c><00:00:42.719><c> and</c><00:00:43.039><c> uh</c><00:00:43.520><c> go</c><00:00:43.719><c> to</c>

00:00:43.869 --> 00:00:43.879 align:start position:0%
going to copy that command and uh go to
 

00:00:43.879 --> 00:00:46.950 align:start position:0%
going to copy that command and uh go to
our<00:00:44.039><c> terminal</c><00:00:44.600><c> here</c><00:00:45.160><c> okay</c><00:00:45.800><c> and</c><00:00:46.039><c> run</c><00:00:46.239><c> the</c><00:00:46.360><c> npm</c>

00:00:46.950 --> 00:00:46.960 align:start position:0%
our terminal here okay and run the npm
 

00:00:46.960 --> 00:00:50.069 align:start position:0%
our terminal here okay and run the npm
create<00:00:47.960><c> uh</c><00:00:48.480><c> Shopify</c><00:00:49.079><c> hydrogen</c><00:00:49.600><c> and</c><00:00:49.719><c> we</c><00:00:49.840><c> use</c>

00:00:50.069 --> 00:00:50.079 align:start position:0%
create uh Shopify hydrogen and we use
 

00:00:50.079 --> 00:00:54.510 align:start position:0%
create uh Shopify hydrogen and we use
the<00:00:50.199><c> latest</c><00:00:50.680><c> version</c><00:00:51.160><c> of</c><00:00:51.399><c> this</c><00:00:51.760><c> um</c><00:00:52.680><c> uh</c><00:00:52.960><c> C</c><00:00:53.960><c> okay</c>

00:00:54.510 --> 00:00:54.520 align:start position:0%
the latest version of this um uh C okay
 

00:00:54.520 --> 00:00:56.510 align:start position:0%
the latest version of this um uh C okay
and<00:00:54.640><c> the</c><00:00:54.800><c> first</c><00:00:55.079><c> question</c><00:00:55.680><c> uh</c><00:00:55.800><c> we</c><00:00:55.920><c> are</c><00:00:56.160><c> asked</c>

00:00:56.510 --> 00:00:56.520 align:start position:0%
and the first question uh we are asked
 

00:00:56.520 --> 00:00:58.549 align:start position:0%
and the first question uh we are asked
by<00:00:56.719><c> the</c><00:00:56.879><c> CLI</c><00:00:57.520><c> is</c><00:00:57.760><c> whether</c><00:00:57.960><c> we</c><00:00:58.039><c> want</c><00:00:58.160><c> to</c><00:00:58.280><c> use</c><00:00:58.440><c> the</c>

00:00:58.549 --> 00:00:58.559 align:start position:0%
by the CLI is whether we want to use the
 

00:00:58.559 --> 00:01:00.750 align:start position:0%
by the CLI is whether we want to use the
mock<00:00:58.879><c> shop</c><00:00:59.359><c> or</c><00:00:59.480><c> we</c><00:00:59.600><c> want</c><00:00:59.680><c> to</c><00:01:00.000><c> link</c><00:01:00.199><c> it</c><00:01:00.320><c> to</c><00:01:00.480><c> our</c>

00:01:00.750 --> 00:01:00.760 align:start position:0%
mock shop or we want to link it to our
 

00:01:00.760 --> 00:01:03.110 align:start position:0%
mock shop or we want to link it to our
Shopify<00:01:01.359><c> account</c><00:01:01.719><c> well</c><00:01:01.840><c> the</c><00:01:01.960><c> mo</c><00:01:02.320><c> shop</c><00:01:03.000><c> and</c>

00:01:03.110 --> 00:01:03.120 align:start position:0%
Shopify account well the mo shop and
 

00:01:03.120 --> 00:01:05.350 align:start position:0%
Shopify account well the mo shop and
we'll<00:01:03.320><c> see</c><00:01:03.519><c> it</c><00:01:03.680><c> in</c><00:01:03.800><c> more</c><00:01:04.000><c> detail</c><00:01:04.640><c> in</c><00:01:04.720><c> a</c><00:01:04.879><c> moment</c>

00:01:05.350 --> 00:01:05.360 align:start position:0%
we'll see it in more detail in a moment
 

00:01:05.360 --> 00:01:09.270 align:start position:0%
we'll see it in more detail in a moment
is<00:01:05.680><c> basically</c><00:01:06.400><c> um</c><00:01:06.920><c> um</c><00:01:07.280><c> an</c><00:01:07.439><c> API</c><00:01:08.040><c> endpoint</c><00:01:09.040><c> that</c>

00:01:09.270 --> 00:01:09.280 align:start position:0%
is basically um um an API endpoint that
 

00:01:09.280 --> 00:01:12.070 align:start position:0%
is basically um um an API endpoint that
Shopify<00:01:09.920><c> created</c><00:01:10.320><c> to</c><00:01:10.479><c> make</c><00:01:10.680><c> it</c><00:01:10.920><c> very</c><00:01:11.240><c> easy</c><00:01:11.560><c> for</c>

00:01:12.070 --> 00:01:12.080 align:start position:0%
Shopify created to make it very easy for
 

00:01:12.080 --> 00:01:15.990 align:start position:0%
Shopify created to make it very easy for
developers<00:01:13.080><c> to</c><00:01:13.640><c> um</c><00:01:14.200><c> create</c><00:01:15.159><c> um</c><00:01:15.799><c> uh</c>

00:01:15.990 --> 00:01:16.000 align:start position:0%
developers to um create um uh
 

00:01:16.000 --> 00:01:18.030 align:start position:0%
developers to um create um uh
storefronts<00:01:16.880><c> right</c><00:01:17.080><c> as</c><00:01:17.200><c> you</c><00:01:17.320><c> can</c><00:01:17.439><c> see</c><00:01:17.759><c> here</c><00:01:17.920><c> if</c>

00:01:18.030 --> 00:01:18.040 align:start position:0%
storefronts right as you can see here if
 

00:01:18.040 --> 00:01:21.630 align:start position:0%
storefronts right as you can see here if
you<00:01:18.159><c> go</c><00:01:18.320><c> to</c><00:01:18.560><c> mockshop</c><00:01:19.280><c> do</c><00:01:20.280><c> mockshop</c><00:01:21.000><c> the</c>

00:01:21.630 --> 00:01:21.640 align:start position:0%
you go to mockshop do mockshop the
 

00:01:21.640 --> 00:01:25.350 align:start position:0%
you go to mockshop do mockshop the
website<00:01:22.320><c> okay</c><00:01:23.200><c> you'll</c><00:01:23.640><c> see</c><00:01:24.640><c> uh</c><00:01:24.960><c> that</c><00:01:25.240><c> yeah</c>

00:01:25.350 --> 00:01:25.360 align:start position:0%
website okay you'll see uh that yeah
 

00:01:25.360 --> 00:01:27.670 align:start position:0%
website okay you'll see uh that yeah
Shopify<00:01:25.920><c> is</c><00:01:26.159><c> showing</c><00:01:26.520><c> you</c><00:01:26.840><c> some</c><00:01:27.079><c> end</c><00:01:27.439><c> points</c>

00:01:27.670 --> 00:01:27.680 align:start position:0%
Shopify is showing you some end points
 

00:01:27.680 --> 00:01:29.310 align:start position:0%
Shopify is showing you some end points
so<00:01:27.920><c> example</c><00:01:28.280><c> this</c><00:01:28.400><c> one</c><00:01:28.560><c> is</c><00:01:28.720><c> how</c><00:01:28.840><c> to</c><00:01:29.000><c> get</c><00:01:29.119><c> a</c>

00:01:29.310 --> 00:01:29.320 align:start position:0%
so example this one is how to get a
 

00:01:29.320 --> 00:01:33.030 align:start position:0%
so example this one is how to get a
product<00:01:29.640><c> you</c><00:01:29.920><c> using</c><00:01:30.240><c> the</c><00:01:30.600><c> U</c><00:01:31.600><c> the</c><00:01:31.920><c> the</c><00:01:32.200><c> the</c><00:01:32.640><c> Stu</c>

00:01:33.030 --> 00:01:33.040 align:start position:0%
product you using the U the the the Stu
 

00:01:33.040 --> 00:01:36.030 align:start position:0%
product you using the U the the the Stu
on<00:01:33.320><c> API</c><00:01:34.040><c> and</c><00:01:34.280><c> along</c><00:01:34.640><c> with</c><00:01:35.040><c> um</c><00:01:35.360><c> some</c><00:01:35.759><c> good</c>

00:01:36.030 --> 00:01:36.040 align:start position:0%
on API and along with um some good
 

00:01:36.040 --> 00:01:38.190 align:start position:0%
on API and along with um some good
Snippets<00:01:36.560><c> for</c><00:01:36.840><c> different</c><00:01:37.159><c> languages</c><00:01:38.040><c> right</c>

00:01:38.190 --> 00:01:38.200 align:start position:0%
Snippets for different languages right
 

00:01:38.200 --> 00:01:40.749 align:start position:0%
Snippets for different languages right
so<00:01:38.439><c> if</c><00:01:38.520><c> you're</c><00:01:38.720><c> doing</c><00:01:39.079><c> with</c><00:01:39.399><c> curl</c><00:01:40.360><c> or</c><00:01:40.560><c> with</c>

00:01:40.749 --> 00:01:40.759 align:start position:0%
so if you're doing with curl or with
 

00:01:40.759 --> 00:01:43.069 align:start position:0%
so if you're doing with curl or with
Appollo<00:01:41.240><c> client</c><00:01:41.640><c> or</c><00:01:41.880><c> obviously</c><00:01:42.280><c> with</c><00:01:42.399><c> remix</c>

00:01:43.069 --> 00:01:43.079 align:start position:0%
Appollo client or obviously with remix
 

00:01:43.079 --> 00:01:46.630 align:start position:0%
Appollo client or obviously with remix
which<00:01:43.200><c> is</c><00:01:43.600><c> uh</c><00:01:44.280><c> what</c><00:01:44.600><c> hydrogen</c><00:01:45.159><c> uses</c><00:01:46.119><c> uh</c>

00:01:46.630 --> 00:01:46.640 align:start position:0%
which is uh what hydrogen uses uh
 

00:01:46.640 --> 00:01:48.910 align:start position:0%
which is uh what hydrogen uses uh
underneath<00:01:47.640><c> right</c><00:01:48.000><c> how</c><00:01:48.159><c> to</c><00:01:48.360><c> get</c><00:01:48.520><c> three</c>

00:01:48.910 --> 00:01:48.920 align:start position:0%
underneath right how to get three
 

00:01:48.920 --> 00:01:51.950 align:start position:0%
underneath right how to get three
products<00:01:49.479><c> variants</c><00:01:50.000><c> how</c><00:01:50.119><c> to</c><00:01:50.240><c> get</c><00:01:50.399><c> 20</c><00:01:50.880><c> products</c>

00:01:51.950 --> 00:01:51.960 align:start position:0%
products variants how to get 20 products
 

00:01:51.960 --> 00:01:54.429 align:start position:0%
products variants how to get 20 products
collection<00:01:52.960><c> collection</c><00:01:53.399><c> with</c><00:01:53.560><c> 20</c><00:01:54.000><c> products</c>

00:01:54.429 --> 00:01:54.439 align:start position:0%
collection collection with 20 products
 

00:01:54.439 --> 00:01:56.990 align:start position:0%
collection collection with 20 products
all<00:01:54.560><c> the</c><00:01:54.719><c> queries</c><00:01:55.119><c> are</c><00:01:55.360><c> there</c><00:01:55.520><c> for</c><00:01:55.719><c> you</c><00:01:55.880><c> to</c><00:01:56.439><c> um</c>

00:01:56.990 --> 00:01:57.000 align:start position:0%
all the queries are there for you to um
 

00:01:57.000 --> 00:01:59.510 align:start position:0%
all the queries are there for you to um
play<00:01:57.360><c> with</c><00:01:57.840><c> okay</c><00:01:58.560><c> and</c><00:01:58.799><c> how</c><00:01:58.920><c> to</c><00:01:59.079><c> get</c><00:01:59.280><c> 10</c>

00:01:59.510 --> 00:01:59.520 align:start position:0%
play with okay and how to get 10
 

00:01:59.520 --> 00:02:01.910 align:start position:0%
play with okay and how to get 10
collection<00:01:59.799><c> Cs</c><00:02:00.399><c> and</c><00:02:00.600><c> obviously</c><00:02:01.079><c> mutations</c><00:02:01.759><c> as</c>

00:02:01.910 --> 00:02:01.920 align:start position:0%
collection Cs and obviously mutations as
 

00:02:01.920 --> 00:02:04.389 align:start position:0%
collection Cs and obviously mutations as
well<00:02:02.320><c> right</c><00:02:02.600><c> like</c><00:02:02.759><c> how</c><00:02:02.920><c> to</c><00:02:03.280><c> how</c><00:02:03.399><c> to</c><00:02:03.960><c> uh</c><00:02:04.079><c> change</c>

00:02:04.389 --> 00:02:04.399 align:start position:0%
well right like how to how to uh change
 

00:02:04.399 --> 00:02:07.830 align:start position:0%
well right like how to how to uh change
the<00:02:05.000><c> card</c><00:02:06.000><c> um</c><00:02:06.320><c> so</c><00:02:06.560><c> yeah</c><00:02:06.719><c> that's</c><00:02:06.920><c> it</c><00:02:07.039><c> for</c><00:02:07.280><c> the</c><00:02:07.600><c> um</c>

00:02:07.830 --> 00:02:07.840 align:start position:0%
the card um so yeah that's it for the um
 

00:02:07.840 --> 00:02:10.589 align:start position:0%
the card um so yeah that's it for the um
the<00:02:07.960><c> mockshop</c><00:02:08.759><c> API</c><00:02:09.759><c> in</c><00:02:09.920><c> this</c><00:02:10.119><c> video</c><00:02:10.360><c> that's</c>

00:02:10.589 --> 00:02:10.599 align:start position:0%
the mockshop API in this video that's
 

00:02:10.599 --> 00:02:12.550 align:start position:0%
the mockshop API in this video that's
what<00:02:10.720><c> we're</c><00:02:10.879><c> going</c><00:02:10.959><c> to</c><00:02:11.160><c> use</c><00:02:11.840><c> but</c><00:02:12.160><c> obviously</c><00:02:12.480><c> if</c>

00:02:12.550 --> 00:02:12.560 align:start position:0%
what we're going to use but obviously if
 

00:02:12.560 --> 00:02:14.949 align:start position:0%
what we're going to use but obviously if
you're<00:02:12.720><c> building</c><00:02:13.040><c> for</c><00:02:13.239><c> an</c><00:02:13.440><c> existing</c><00:02:13.959><c> store</c>

00:02:14.949 --> 00:02:14.959 align:start position:0%
you're building for an existing store
 

00:02:14.959 --> 00:02:17.910 align:start position:0%
you're building for an existing store
and<00:02:15.360><c> uh</c><00:02:15.480><c> you</c><00:02:15.599><c> want</c><00:02:15.840><c> to</c><00:02:16.360><c> do</c><00:02:16.920><c> the</c><00:02:17.120><c> the</c><00:02:17.280><c> data</c><00:02:17.560><c> for</c>

00:02:17.910 --> 00:02:17.920 align:start position:0%
and uh you want to do the the data for
 

00:02:17.920 --> 00:02:20.229 align:start position:0%
and uh you want to do the the data for
that<00:02:18.120><c> store</c><00:02:18.480><c> to</c><00:02:18.720><c> appear</c><00:02:19.280><c> doing</c><00:02:19.560><c> your</c><00:02:19.760><c> test</c><00:02:20.080><c> and</c>

00:02:20.229 --> 00:02:20.239 align:start position:0%
that store to appear doing your test and
 

00:02:20.239 --> 00:02:22.869 align:start position:0%
that store to appear doing your test and
so<00:02:20.400><c> on</c><00:02:20.800><c> you</c><00:02:21.080><c> you</c><00:02:21.160><c> want</c><00:02:21.280><c> to</c><00:02:21.440><c> connect</c><00:02:21.760><c> it</c><00:02:21.920><c> to</c><00:02:22.640><c> your</c>

00:02:22.869 --> 00:02:22.879 align:start position:0%
so on you you want to connect it to your
 

00:02:22.879 --> 00:02:24.869 align:start position:0%
so on you you want to connect it to your
actual<00:02:23.160><c> Shopify</c><00:02:23.760><c> account</c><00:02:24.160><c> and</c><00:02:24.280><c> if</c><00:02:24.400><c> you</c><00:02:24.519><c> select</c>

00:02:24.869 --> 00:02:24.879 align:start position:0%
actual Shopify account and if you select
 

00:02:24.879 --> 00:02:27.229 align:start position:0%
actual Shopify account and if you select
this<00:02:25.120><c> path</c><00:02:25.360><c> it's</c><00:02:25.480><c> going</c><00:02:25.599><c> to</c><00:02:25.800><c> ask</c><00:02:26.000><c> you</c><00:02:26.160><c> to</c><00:02:27.080><c> uh</c>

00:02:27.229 --> 00:02:27.239 align:start position:0%
this path it's going to ask you to uh
 

00:02:27.239 --> 00:02:29.030 align:start position:0%
this path it's going to ask you to uh
authenticate<00:02:27.959><c> and</c><00:02:28.080><c> so</c><00:02:28.239><c> on</c><00:02:28.400><c> and</c><00:02:28.519><c> then</c><00:02:28.720><c> select</c>

00:02:29.030 --> 00:02:29.040 align:start position:0%
authenticate and so on and then select
 

00:02:29.040 --> 00:02:31.670 align:start position:0%
authenticate and so on and then select
the<00:02:29.239><c> store</c><00:02:30.040><c> that</c><00:02:30.200><c> you</c><00:02:30.280><c> want</c><00:02:30.400><c> to</c><00:02:30.560><c> connect</c><00:02:30.879><c> it</c>

00:02:31.670 --> 00:02:31.680 align:start position:0%
the store that you want to connect it
 

00:02:31.680 --> 00:02:34.390 align:start position:0%
the store that you want to connect it
to<00:02:32.680><c> and</c><00:02:33.160><c> the</c><00:02:33.280><c> only</c><00:02:33.560><c> difference</c><00:02:33.920><c> between</c><00:02:34.239><c> the</c>

00:02:34.390 --> 00:02:34.400 align:start position:0%
to and the only difference between the
 

00:02:34.400 --> 00:02:37.309 align:start position:0%
to and the only difference between the
two<00:02:34.800><c> is</c><00:02:35.000><c> that</c><00:02:35.440><c> this</c><00:02:35.840><c> version</c><00:02:36.599><c> uh</c><00:02:36.760><c> is</c><00:02:36.920><c> is</c><00:02:37.080><c> only</c>

00:02:37.309 --> 00:02:37.319 align:start position:0%
two is that this version uh is is only
 

00:02:37.319 --> 00:02:39.309 align:start position:0%
two is that this version uh is is only
around<00:02:37.840><c> the</c><00:02:37.959><c> environment</c><00:02:38.480><c> variables</c><00:02:39.080><c> right</c>

00:02:39.309 --> 00:02:39.319 align:start position:0%
around the environment variables right
 

00:02:39.319 --> 00:02:41.270 align:start position:0%
around the environment variables right
like<00:02:39.959><c> if</c><00:02:40.040><c> I</c><00:02:40.159><c> choose</c><00:02:40.400><c> the</c><00:02:40.519><c> mock</c><00:02:40.840><c> shop</c><00:02:41.080><c> I'm</c><00:02:41.159><c> going</c>

00:02:41.270 --> 00:02:41.280 align:start position:0%
like if I choose the mock shop I'm going
 

00:02:41.280 --> 00:02:43.670 align:start position:0%
like if I choose the mock shop I'm going
to<00:02:41.440><c> connect</c><00:02:42.120><c> the</c><00:02:42.280><c> API</c><00:02:42.720><c> that</c><00:02:42.840><c> I'm</c><00:02:43.000><c> using</c><00:02:43.519><c> is</c>

00:02:43.670 --> 00:02:43.680 align:start position:0%
to connect the API that I'm using is
 

00:02:43.680 --> 00:02:45.030 align:start position:0%
to connect the API that I'm using is
going<00:02:43.760><c> to</c><00:02:43.879><c> be</c><00:02:44.000><c> different</c><00:02:44.319><c> the</c><00:02:44.440><c> URL</c><00:02:44.800><c> for</c><00:02:44.959><c> the</c>

00:02:45.030 --> 00:02:45.040 align:start position:0%
going to be different the URL for the
 

00:02:45.040 --> 00:02:46.630 align:start position:0%
going to be different the URL for the
API<00:02:45.360><c> is</c><00:02:45.440><c> going</c><00:02:45.519><c> to</c><00:02:45.599><c> be</c><00:02:45.800><c> different</c><00:02:46.120><c> and</c><00:02:46.360><c> if</c><00:02:46.480><c> I</c>

00:02:46.630 --> 00:02:46.640 align:start position:0%
API is going to be different and if I
 

00:02:46.640 --> 00:02:48.270 align:start position:0%
API is going to be different and if I
use<00:02:46.959><c> this</c><00:02:47.239><c> that's</c><00:02:47.400><c> the</c><00:02:47.519><c> only</c><00:02:47.760><c> difference</c><00:02:48.080><c> so</c>

00:02:48.270 --> 00:02:48.280 align:start position:0%
use this that's the only difference so
 

00:02:48.280 --> 00:02:50.390 align:start position:0%
use this that's the only difference so
in<00:02:48.400><c> terms</c><00:02:48.640><c> of</c><00:02:48.879><c> like</c><00:02:49.120><c> how</c><00:02:49.239><c> the</c><00:02:49.400><c> code</c><00:02:49.640><c> is</c>

00:02:50.390 --> 00:02:50.400 align:start position:0%
in terms of like how the code is
 

00:02:50.400 --> 00:02:52.910 align:start position:0%
in terms of like how the code is
scaffolded<00:02:51.200><c> is</c><00:02:51.360><c> going</c><00:02:51.440><c> to</c><00:02:51.560><c> be</c><00:02:51.920><c> absolutely</c><00:02:52.560><c> no</c>

00:02:52.910 --> 00:02:52.920 align:start position:0%
scaffolded is going to be absolutely no
 

00:02:52.920 --> 00:02:54.509 align:start position:0%
scaffolded is going to be absolutely no
other<00:02:53.239><c> difference</c><00:02:53.800><c> so</c><00:02:53.959><c> let's</c><00:02:54.120><c> choose</c><00:02:54.360><c> the</c>

00:02:54.509 --> 00:02:54.519 align:start position:0%
other difference so let's choose the
 

00:02:54.519 --> 00:02:56.630 align:start position:0%
other difference so let's choose the
markshop<00:02:54.959><c> and</c><00:02:55.120><c> continue</c><00:02:56.120><c> so</c><00:02:56.280><c> the</c><00:02:56.400><c> next</c>

00:02:56.630 --> 00:02:56.640 align:start position:0%
markshop and continue so the next
 

00:02:56.640 --> 00:02:58.390 align:start position:0%
markshop and continue so the next
question<00:02:56.840><c> shop</c><00:02:57.280><c> is</c><00:02:57.360><c> going</c><00:02:57.480><c> to</c><00:02:57.599><c> ask</c><00:02:57.800><c> us</c><00:02:58.000><c> is</c><00:02:58.239><c> the</c>

00:02:58.390 --> 00:02:58.400 align:start position:0%
question shop is going to ask us is the
 

00:02:58.400 --> 00:03:01.190 align:start position:0%
question shop is going to ask us is the
name<00:02:58.760><c> that</c><00:02:58.840><c> you</c><00:02:58.959><c> want</c><00:02:59.080><c> to</c><00:02:59.239><c> give</c><00:02:59.400><c> to</c><00:02:59.560><c> our</c><00:03:00.239><c> um</c><00:03:00.959><c> uh</c>

00:03:01.190 --> 00:03:01.200 align:start position:0%
name that you want to give to our um uh
 

00:03:01.200 --> 00:03:03.789 align:start position:0%
name that you want to give to our um uh
store<00:03:01.599><c> we're</c><00:03:01.720><c> going</c><00:03:01.800><c> to</c><00:03:02.239><c> call</c><00:03:02.440><c> it</c><00:03:02.799><c> Shopify</c>

00:03:03.789 --> 00:03:03.799 align:start position:0%
store we're going to call it Shopify
 

00:03:03.799 --> 00:03:05.270 align:start position:0%
store we're going to call it Shopify
hydrogen<00:03:04.200><c> store</c><00:03:04.640><c> we're</c><00:03:04.720><c> going</c><00:03:04.799><c> to</c><00:03:04.920><c> leave</c><00:03:05.120><c> the</c>

00:03:05.270 --> 00:03:05.280 align:start position:0%
hydrogen store we're going to leave the
 

00:03:05.280 --> 00:03:06.789 align:start position:0%
hydrogen store we're going to leave the
default<00:03:05.680><c> but</c><00:03:05.799><c> you</c><00:03:05.920><c> can</c><00:03:06.080><c> change</c><00:03:06.360><c> let's</c><00:03:06.560><c> change</c>

00:03:06.789 --> 00:03:06.799 align:start position:0%
default but you can change let's change
 

00:03:06.799 --> 00:03:08.430 align:start position:0%
default but you can change let's change
and<00:03:07.080><c> put</c><00:03:07.280><c> hydrogen</c>

00:03:08.430 --> 00:03:08.440 align:start position:0%
and put hydrogen
 

00:03:08.440 --> 00:03:12.830 align:start position:0%
and put hydrogen
demo<00:03:09.440><c> hydrogen</c><00:03:10.319><c> demo</c><00:03:11.159><c> okay</c><00:03:12.159><c> now</c><00:03:12.560><c> it's</c><00:03:12.720><c> going</c>

00:03:12.830 --> 00:03:12.840 align:start position:0%
demo hydrogen demo okay now it's going
 

00:03:12.840 --> 00:03:14.830 align:start position:0%
demo hydrogen demo okay now it's going
to<00:03:13.000><c> ask</c><00:03:13.200><c> us</c><00:03:13.400><c> if</c><00:03:13.519><c> we</c><00:03:13.640><c> want</c><00:03:13.799><c> to</c><00:03:13.920><c> choose</c>

00:03:14.830 --> 00:03:14.840 align:start position:0%
to ask us if we want to choose
 

00:03:14.840 --> 00:03:17.509 align:start position:0%
to ask us if we want to choose
JavaScript<00:03:15.319><c> or</c><00:03:15.480><c> TPT</c><00:03:16.000><c> obviously</c><00:03:17.000><c> highly</c>

00:03:17.509 --> 00:03:17.519 align:start position:0%
JavaScript or TPT obviously highly
 

00:03:17.519 --> 00:03:19.910 align:start position:0%
JavaScript or TPT obviously highly
highly<00:03:18.040><c> highly</c><00:03:18.360><c> encourage</c><00:03:18.720><c> you</c><00:03:18.879><c> to</c><00:03:19.400><c> to</c><00:03:19.519><c> choose</c>

00:03:19.910 --> 00:03:19.920 align:start position:0%
highly highly encourage you to to choose
 

00:03:19.920 --> 00:03:22.149 align:start position:0%
highly highly encourage you to to choose
typescript<00:03:20.920><c> because</c><00:03:21.239><c> you're</c><00:03:21.680><c> going</c><00:03:21.799><c> to</c><00:03:22.000><c> have</c>

00:03:22.149 --> 00:03:22.159 align:start position:0%
typescript because you're going to have
 

00:03:22.159 --> 00:03:23.789 align:start position:0%
typescript because you're going to have
a<00:03:22.280><c> lot</c><00:03:22.480><c> if</c><00:03:22.560><c> you're</c><00:03:22.720><c> busing</c><00:03:23.080><c> for</c><00:03:23.280><c> production</c>

00:03:23.789 --> 00:03:23.799 align:start position:0%
a lot if you're busing for production
 

00:03:23.799 --> 00:03:26.750 align:start position:0%
a lot if you're busing for production
you<00:03:24.000><c> definitely</c><00:03:24.319><c> want</c><00:03:24.440><c> to</c><00:03:24.519><c> use</c><00:03:25.000><c> typescript</c><00:03:26.000><c> CU</c>

00:03:26.750 --> 00:03:26.760 align:start position:0%
you definitely want to use typescript CU
 

00:03:26.760 --> 00:03:29.229 align:start position:0%
you definitely want to use typescript CU
um<00:03:27.280><c> you</c><00:03:27.440><c> can</c><00:03:27.640><c> catch</c><00:03:27.920><c> bgs</c><00:03:28.400><c> and</c><00:03:28.840><c> makes</c>

00:03:29.229 --> 00:03:29.239 align:start position:0%
um you can catch bgs and makes
 

00:03:29.239 --> 00:03:31.350 align:start position:0%
um you can catch bgs and makes
development<00:03:29.760><c> experience</c><00:03:30.159><c> a</c><00:03:30.280><c> lot</c><00:03:30.959><c> a</c><00:03:31.120><c> lot</c>

00:03:31.350 --> 00:03:31.360 align:start position:0%
development experience a lot a lot
 

00:03:31.360 --> 00:03:33.789 align:start position:0%
development experience a lot a lot
smoother<00:03:32.080><c> okay</c><00:03:32.239><c> so</c><00:03:32.400><c> we</c><00:03:32.519><c> choose</c><00:03:32.840><c> typescript</c>

00:03:33.789 --> 00:03:33.799 align:start position:0%
smoother okay so we choose typescript
 

00:03:33.799 --> 00:03:37.270 align:start position:0%
smoother okay so we choose typescript
for<00:03:34.080><c> for</c><00:03:34.640><c> styling</c><00:03:35.239><c> obviously</c><00:03:36.280><c> different</c>

00:03:37.270 --> 00:03:37.280 align:start position:0%
for for styling obviously different
 

00:03:37.280 --> 00:03:38.630 align:start position:0%
for for styling obviously different
different<00:03:37.640><c> developers</c><00:03:38.120><c> have</c><00:03:38.319><c> different</c>

00:03:38.630 --> 00:03:38.640 align:start position:0%
different developers have different
 

00:03:38.640 --> 00:03:41.309 align:start position:0%
different developers have different
preferences<00:03:39.280><c> but</c><00:03:39.799><c> twin</c><00:03:40.400><c> is</c><00:03:40.599><c> very</c><00:03:40.920><c> popular</c>

00:03:41.309 --> 00:03:41.319 align:start position:0%
preferences but twin is very popular
 

00:03:41.319 --> 00:03:43.309 align:start position:0%
preferences but twin is very popular
these<00:03:41.560><c> days</c><00:03:41.760><c> so</c><00:03:41.920><c> let's</c><00:03:42.159><c> use</c>

00:03:43.309 --> 00:03:43.319 align:start position:0%
these days so let's use
 

00:03:43.319 --> 00:03:46.830 align:start position:0%
these days so let's use
twin<00:03:44.319><c> uh</c><00:03:44.599><c> do</c><00:03:44.720><c> we</c><00:03:44.879><c> want</c><00:03:45.280><c> mpm</c><00:03:46.280><c> do</c><00:03:46.400><c> we</c><00:03:46.560><c> want</c><00:03:46.680><c> the</c>

00:03:46.830 --> 00:03:46.840 align:start position:0%
twin uh do we want mpm do we want the
 

00:03:46.840 --> 00:03:48.710 align:start position:0%
twin uh do we want mpm do we want the
dependencies<00:03:47.360><c> to</c><00:03:47.480><c> be</c><00:03:47.640><c> installed</c><00:03:48.000><c> by</c><00:03:48.120><c> npm</c><00:03:48.560><c> we</c>

00:03:48.710 --> 00:03:48.720 align:start position:0%
dependencies to be installed by npm we
 

00:03:48.720 --> 00:03:51.990 align:start position:0%
dependencies to be installed by npm we
say<00:03:49.040><c> yes</c><00:03:49.959><c> okay</c><00:03:50.640><c> do</c><00:03:50.799><c> you</c><00:03:50.959><c> want</c><00:03:51.120><c> to</c><00:03:51.360><c> create</c><00:03:51.680><c> a</c>

00:03:51.990 --> 00:03:52.000 align:start position:0%
say yes okay do you want to create a
 

00:03:52.000 --> 00:03:55.750 align:start position:0%
say yes okay do you want to create a
high<00:03:52.799><c> H2</c><00:03:53.400><c> areas</c><00:03:53.959><c> to</c><00:03:54.159><c> run</c><00:03:54.439><c> commands</c><00:03:55.319><c> such</c><00:03:55.519><c> as</c>

00:03:55.750 --> 00:03:55.760 align:start position:0%
high H2 areas to run commands such as
 

00:03:55.760 --> 00:03:58.949 align:start position:0%
high H2 areas to run commands such as
npx<00:03:56.400><c> Shopify</c><00:03:56.920><c> hydrogen</c><00:03:57.400><c> so</c><00:03:58.200><c> in</c><00:03:58.319><c> order</c><00:03:58.519><c> to</c><00:03:58.680><c> run</c>

00:03:58.949 --> 00:03:58.959 align:start position:0%
npx Shopify hydrogen so in order to run
 

00:03:58.959 --> 00:04:01.350 align:start position:0%
npx Shopify hydrogen so in order to run
Shopify<00:03:59.680><c> hydrogen</c><00:04:00.079><c> commands</c><00:04:00.720><c> we</c><00:04:00.799><c> can</c><00:04:01.040><c> either</c>

00:04:01.350 --> 00:04:01.360 align:start position:0%
Shopify hydrogen commands we can either
 

00:04:01.360 --> 00:04:05.229 align:start position:0%
Shopify hydrogen commands we can either
do<00:04:01.560><c> npx</c><00:04:02.079><c> trfy</c><00:04:02.720><c> hydrogen</c><00:04:03.319><c> or</c><00:04:04.120><c> we</c><00:04:04.280><c> can</c><00:04:04.480><c> use</c><00:04:04.760><c> this</c>

00:04:05.229 --> 00:04:05.239 align:start position:0%
do npx trfy hydrogen or we can use this
 

00:04:05.239 --> 00:04:08.190 align:start position:0%
do npx trfy hydrogen or we can use this
uh<00:04:05.439><c> Global</c><00:04:05.959><c> alas</c><00:04:06.680><c> that</c><00:04:07.040><c> um</c><00:04:07.280><c> the</c><00:04:07.439><c> C</c><00:04:07.879><c> is</c><00:04:07.959><c> going</c><00:04:08.040><c> to</c>

00:04:08.190 --> 00:04:08.200 align:start position:0%
uh Global alas that um the C is going to
 

00:04:08.200 --> 00:04:11.149 align:start position:0%
uh Global alas that um the C is going to
create<00:04:08.480><c> obviously</c><00:04:08.879><c> it's</c><00:04:09.000><c> a</c><00:04:09.120><c> lot</c><00:04:09.360><c> handier</c><00:04:10.280><c> so</c>

00:04:11.149 --> 00:04:11.159 align:start position:0%
create obviously it's a lot handier so
 

00:04:11.159 --> 00:04:13.589 align:start position:0%
create obviously it's a lot handier so
um<00:04:11.640><c> a</c><00:04:11.760><c> lot</c><00:04:12.040><c> a</c><00:04:12.159><c> lot</c><00:04:12.319><c> more</c><00:04:12.519><c> handy</c><00:04:12.840><c> so</c><00:04:13.000><c> let's</c><00:04:13.239><c> say</c>

00:04:13.589 --> 00:04:13.599 align:start position:0%
um a lot a lot more handy so let's say
 

00:04:13.599 --> 00:04:17.349 align:start position:0%
um a lot a lot more handy so let's say
yes<00:04:13.879><c> to</c><00:04:14.159><c> that</c><00:04:15.040><c> okay</c><00:04:15.519><c> and</c><00:04:16.040><c> do</c><00:04:16.160><c> you</c><00:04:16.320><c> want</c><00:04:16.680><c> Shopify</c>

00:04:17.349 --> 00:04:17.359 align:start position:0%
yes to that okay and do you want Shopify
 

00:04:17.359 --> 00:04:20.150 align:start position:0%
yes to that okay and do you want Shopify
to<00:04:17.560><c> scaffold</c><00:04:18.120><c> the</c><00:04:18.280><c> routes</c><00:04:19.199><c> and</c><00:04:19.359><c> so</c><00:04:19.560><c> on</c>

00:04:20.150 --> 00:04:20.160 align:start position:0%
to scaffold the routes and so on
 

00:04:20.160 --> 00:04:22.830 align:start position:0%
to scaffold the routes and so on
basically<00:04:20.799><c> here</c><00:04:21.320><c> what</c><00:04:21.519><c> Shopify</c><00:04:22.040><c> is</c><00:04:22.199><c> asking</c><00:04:22.560><c> us</c>

00:04:22.830 --> 00:04:22.840 align:start position:0%
basically here what Shopify is asking us
 

00:04:22.840 --> 00:04:25.510 align:start position:0%
basically here what Shopify is asking us
is<00:04:23.080><c> because</c><00:04:23.440><c> they</c><00:04:23.759><c> have</c><00:04:24.360><c> uh</c><00:04:24.960><c> multiple</c>

00:04:25.510 --> 00:04:25.520 align:start position:0%
is because they have uh multiple
 

00:04:25.520 --> 00:04:27.629 align:start position:0%
is because they have uh multiple
templates<00:04:26.080><c> if</c><00:04:26.199><c> you</c><00:04:26.320><c> come</c><00:04:26.639><c> here</c><00:04:26.840><c> to</c><00:04:27.040><c> the</c><00:04:27.360><c> to</c><00:04:27.479><c> the</c>

00:04:27.629 --> 00:04:27.639 align:start position:0%
templates if you come here to the to the
 

00:04:27.639 --> 00:04:29.670 align:start position:0%
templates if you come here to the to the
hydrogen<00:04:28.160><c> templates</c><00:04:28.720><c> you</c><00:04:28.800><c> can</c><00:04:28.960><c> see</c><00:04:29.199><c> they</c><00:04:29.360><c> have</c>

00:04:29.670 --> 00:04:29.680 align:start position:0%
hydrogen templates you can see they have
 

00:04:29.680 --> 00:04:32.629 align:start position:0%
hydrogen templates you can see they have
different<00:04:30.320><c> uh</c><00:04:30.479><c> templates</c><00:04:31.000><c> and</c><00:04:31.160><c> some</c><00:04:31.320><c> are</c><00:04:31.639><c> more</c>

00:04:32.629 --> 00:04:32.639 align:start position:0%
different uh templates and some are more
 

00:04:32.639 --> 00:04:35.909 align:start position:0%
different uh templates and some are more
uh<00:04:33.080><c> um</c><00:04:33.960><c> uh</c><00:04:34.120><c> finished</c><00:04:34.880><c> let's</c><00:04:35.120><c> say</c><00:04:35.440><c> than</c><00:04:35.720><c> than</c>

00:04:35.909 --> 00:04:35.919 align:start position:0%
uh um uh finished let's say than than
 

00:04:35.919 --> 00:04:38.310 align:start position:0%
uh um uh finished let's say than than
others<00:04:36.560><c> so</c><00:04:36.759><c> if</c><00:04:36.840><c> you</c><00:04:37.000><c> open</c><00:04:37.240><c> the</c><00:04:37.440><c> demo</c><00:04:37.840><c> store</c>

00:04:38.310 --> 00:04:38.320 align:start position:0%
others so if you open the demo store
 

00:04:38.320 --> 00:04:41.790 align:start position:0%
others so if you open the demo store
here<00:04:38.880><c> okay</c><00:04:39.320><c> the</c><00:04:39.520><c> demo</c><00:04:39.840><c> store</c><00:04:40.840><c> has</c><00:04:41.039><c> a</c><00:04:41.199><c> lot</c><00:04:41.479><c> more</c>

00:04:41.790 --> 00:04:41.800 align:start position:0%
here okay the demo store has a lot more
 

00:04:41.800 --> 00:04:44.350 align:start position:0%
here okay the demo store has a lot more
in<00:04:41.960><c> it</c><00:04:42.479><c> than</c><00:04:43.120><c> for</c><00:04:43.320><c> example</c><00:04:43.720><c> let's</c><00:04:43.919><c> say</c><00:04:44.160><c> the</c>

00:04:44.350 --> 00:04:44.360 align:start position:0%
in it than for example let's say the
 

00:04:44.360 --> 00:04:47.430 align:start position:0%
in it than for example let's say the
hello<00:04:45.240><c> let's</c><00:04:45.360><c> say</c><00:04:45.520><c> the</c><00:04:45.680><c> hello</c><00:04:46.000><c> world</c><00:04:46.560><c> store</c>

00:04:47.430 --> 00:04:47.440 align:start position:0%
hello let's say the hello world store
 

00:04:47.440 --> 00:04:49.670 align:start position:0%
hello let's say the hello world store
okay<00:04:47.600><c> so</c><00:04:47.759><c> if</c><00:04:47.840><c> you</c><00:04:47.960><c> open</c><00:04:48.160><c> the</c><00:04:48.280><c> hello</c><00:04:48.560><c> world</c><00:04:48.960><c> here</c>

00:04:49.670 --> 00:04:49.680 align:start position:0%
okay so if you open the hello world here
 

00:04:49.680 --> 00:04:52.629 align:start position:0%
okay so if you open the hello world here
you<00:04:49.800><c> can</c><00:04:50.000><c> see</c><00:04:50.320><c> that</c><00:04:50.720><c> um</c><00:04:50.960><c> it's</c><00:04:51.280><c> very</c><00:04:51.759><c> much</c><00:04:52.520><c> the</c>

00:04:52.629 --> 00:04:52.639 align:start position:0%
you can see that um it's very much the
 

00:04:52.639 --> 00:04:56.189 align:start position:0%
you can see that um it's very much the
minimal<00:04:53.600><c> service</c><00:04:54.280><c> whereas</c><00:04:54.600><c> in</c><00:04:54.759><c> the</c><00:04:55.680><c> uh</c><00:04:55.840><c> demo</c>

00:04:56.189 --> 00:04:56.199 align:start position:0%
minimal service whereas in the uh demo
 

00:04:56.199 --> 00:04:58.110 align:start position:0%
minimal service whereas in the uh demo
store<00:04:56.560><c> if</c><00:04:56.680><c> you</c><00:04:56.800><c> open</c><00:04:57.039><c> the</c><00:04:57.160><c> app</c><00:04:57.440><c> folder</c><00:04:57.880><c> you</c><00:04:57.960><c> can</c>

00:04:58.110 --> 00:04:58.120 align:start position:0%
store if you open the app folder you can
 

00:04:58.120 --> 00:04:59.830 align:start position:0%
store if you open the app folder you can
see<00:04:58.360><c> that</c><00:04:58.520><c> there</c><00:04:58.680><c> a</c><00:04:58.800><c> lot</c><00:04:59.000><c> more</c><00:04:59.199><c> things</c><00:04:59.639><c> going</c>

00:04:59.830 --> 00:04:59.840 align:start position:0%
see that there a lot more things going
 

00:04:59.840 --> 00:05:03.469 align:start position:0%
see that there a lot more things going
on<00:05:00.000><c> in</c><00:05:00.160><c> it</c><00:05:00.600><c> right</c><00:05:00.960><c> so</c><00:05:01.720><c> what</c><00:05:01.880><c> I</c><00:05:02.000><c> would</c><00:05:02.199><c> say</c><00:05:02.639><c> if</c><00:05:03.280><c> if</c>

00:05:03.469 --> 00:05:03.479 align:start position:0%
on in it right so what I would say if if
 

00:05:03.479 --> 00:05:05.070 align:start position:0%
on in it right so what I would say if if
you<00:05:03.680><c> are</c><00:05:04.039><c> this</c><00:05:04.160><c> is</c><00:05:04.360><c> basically</c><00:05:04.759><c> what</c><00:05:04.880><c> this</c>

00:05:05.070 --> 00:05:05.080 align:start position:0%
you are this is basically what this
 

00:05:05.080 --> 00:05:08.029 align:start position:0%
you are this is basically what this
question<00:05:05.360><c> is</c><00:05:05.600><c> about</c><00:05:06.080><c> right</c><00:05:06.320><c> so</c><00:05:07.240><c> um</c><00:05:07.479><c> if</c><00:05:07.600><c> you</c><00:05:07.720><c> say</c>

00:05:08.029 --> 00:05:08.039 align:start position:0%
question is about right so um if you say
 

00:05:08.039 --> 00:05:11.830 align:start position:0%
question is about right so um if you say
no<00:05:08.680><c> it's</c><00:05:08.880><c> going</c><00:05:09.000><c> to</c><00:05:09.240><c> use</c><00:05:09.840><c> the</c><00:05:10.240><c> the</c><00:05:10.639><c> um</c><00:05:11.120><c> Hello</c>

00:05:11.830 --> 00:05:11.840 align:start position:0%
no it's going to use the the um Hello
 

00:05:11.840 --> 00:05:15.710 align:start position:0%
no it's going to use the the um Hello
World<00:05:12.840><c> um</c><00:05:13.199><c> store</c><00:05:14.199><c> the</c><00:05:14.320><c> hello</c><00:05:14.560><c> world</c><00:05:14.800><c> template</c>

00:05:15.710 --> 00:05:15.720 align:start position:0%
World um store the hello world template
 

00:05:15.720 --> 00:05:18.070 align:start position:0%
World um store the hello world template
and<00:05:15.960><c> but</c><00:05:16.120><c> if</c><00:05:16.240><c> you</c><00:05:16.360><c> say</c><00:05:16.759><c> yes</c><00:05:17.360><c> it's</c><00:05:17.520><c> going</c><00:05:17.639><c> to</c><00:05:17.800><c> use</c>

00:05:18.070 --> 00:05:18.080 align:start position:0%
and but if you say yes it's going to use
 

00:05:18.080 --> 00:05:20.550 align:start position:0%
and but if you say yes it's going to use
the<00:05:18.280><c> demo</c><00:05:18.639><c> store</c><00:05:19.319><c> okay</c><00:05:19.560><c> to</c><00:05:19.720><c> scaffold</c><00:05:20.319><c> your</c>

00:05:20.550 --> 00:05:20.560 align:start position:0%
the demo store okay to scaffold your
 

00:05:20.560 --> 00:05:22.670 align:start position:0%
the demo store okay to scaffold your
project<00:05:21.000><c> and</c><00:05:21.160><c> then</c><00:05:21.319><c> it</c><00:05:21.600><c> and</c><00:05:21.800><c> here</c><00:05:22.120><c> it</c><00:05:22.400><c> really</c>

00:05:22.670 --> 00:05:22.680 align:start position:0%
project and then it and here it really
 

00:05:22.680 --> 00:05:24.990 align:start position:0%
project and then it and here it really
depends<00:05:23.080><c> on</c><00:05:23.800><c> on</c><00:05:24.120><c> the</c><00:05:24.319><c> what</c><00:05:24.440><c> you're</c><00:05:24.639><c> trying</c><00:05:24.840><c> to</c>

00:05:24.990 --> 00:05:25.000 align:start position:0%
depends on on the what you're trying to
 

00:05:25.000 --> 00:05:29.510 align:start position:0%
depends on on the what you're trying to
do<00:05:25.240><c> if</c><00:05:25.360><c> you're</c><00:05:25.560><c> trying</c><00:05:25.759><c> to</c><00:05:25.960><c> learn</c><00:05:27.280><c> um</c><00:05:28.280><c> um</c><00:05:29.080><c> how</c>

00:05:29.510 --> 00:05:29.520 align:start position:0%
do if you're trying to learn um um how
 

00:05:29.520 --> 00:05:31.629 align:start position:0%
do if you're trying to learn um um how
hyrogen<00:05:29.919><c> Walks</c><00:05:30.199><c> from</c><00:05:30.360><c> the</c><00:05:30.440><c> ground</c><00:05:30.759><c> up</c><00:05:31.000><c> and</c>

00:05:31.629 --> 00:05:31.639 align:start position:0%
hyrogen Walks from the ground up and
 

00:05:31.639 --> 00:05:33.870 align:start position:0%
hyrogen Walks from the ground up and
follow<00:05:32.000><c> the</c><00:05:32.160><c> tutorial</c><00:05:32.880><c> here</c><00:05:33.240><c> that</c><00:05:33.400><c> they</c><00:05:33.560><c> have</c>

00:05:33.870 --> 00:05:33.880 align:start position:0%
follow the tutorial here that they have
 

00:05:33.880 --> 00:05:36.230 align:start position:0%
follow the tutorial here that they have
here<00:05:34.520><c> I</c><00:05:34.759><c> highly</c><00:05:35.039><c> encourage</c><00:05:35.400><c> you</c><00:05:35.560><c> to</c><00:05:35.720><c> use</c><00:05:36.039><c> the</c>

00:05:36.230 --> 00:05:36.240 align:start position:0%
here I highly encourage you to use the
 

00:05:36.240 --> 00:05:39.670 align:start position:0%
here I highly encourage you to use the
hello<00:05:36.560><c> world</c><00:05:37.360><c> uh</c><00:05:37.680><c> scaffolding</c><00:05:38.680><c> instead</c><00:05:39.479><c> but</c>

00:05:39.670 --> 00:05:39.680 align:start position:0%
hello world uh scaffolding instead but
 

00:05:39.680 --> 00:05:42.309 align:start position:0%
hello world uh scaffolding instead but
if<00:05:39.800><c> you</c><00:05:39.919><c> are</c><00:05:40.160><c> actually</c><00:05:40.479><c> building</c><00:05:40.840><c> a</c><00:05:41.319><c> project</c>

00:05:42.309 --> 00:05:42.319 align:start position:0%
if you are actually building a project
 

00:05:42.319 --> 00:05:44.430 align:start position:0%
if you are actually building a project
um<00:05:42.840><c> you</c><00:05:42.960><c> can</c><00:05:43.199><c> use</c><00:05:43.520><c> obviously</c><00:05:43.880><c> one</c><00:05:44.039><c> of</c><00:05:44.240><c> our</c>

00:05:44.430 --> 00:05:44.440 align:start position:0%
um you can use obviously one of our
 

00:05:44.440 --> 00:05:46.510 align:start position:0%
um you can use obviously one of our
lifted<00:05:44.880><c> commer</c><00:05:45.520><c> templates</c><00:05:45.960><c> with</c><00:05:46.160><c> premium</c>

00:05:46.510 --> 00:05:46.520 align:start position:0%
lifted commer templates with premium
 

00:05:46.520 --> 00:05:48.110 align:start position:0%
lifted commer templates with premium
templates<00:05:46.960><c> which</c><00:05:47.120><c> a</c><00:05:47.280><c> lot</c><00:05:47.520><c> with</c><00:05:47.639><c> a</c><00:05:47.759><c> lot</c><00:05:47.919><c> more</c>

00:05:48.110 --> 00:05:48.120 align:start position:0%
templates which a lot with a lot more
 

00:05:48.120 --> 00:05:51.150 align:start position:0%
templates which a lot with a lot more
features<00:05:48.639><c> in</c><00:05:48.759><c> it</c><00:05:49.520><c> or</c><00:05:49.800><c> you</c><00:05:49.960><c> can</c><00:05:50.600><c> uh</c><00:05:50.720><c> use</c><00:05:50.960><c> the</c>

00:05:51.150 --> 00:05:51.160 align:start position:0%
features in it or you can uh use the
 

00:05:51.160 --> 00:05:54.430 align:start position:0%
features in it or you can uh use the
demo<00:05:51.520><c> store</c><00:05:52.319><c> uh</c><00:05:52.639><c> that</c><00:05:53.000><c> uh</c><00:05:53.120><c> Shopify</c><00:05:53.800><c> provides</c>

00:05:54.430 --> 00:05:54.440 align:start position:0%
demo store uh that uh Shopify provides
 

00:05:54.440 --> 00:05:55.870 align:start position:0%
demo store uh that uh Shopify provides
right<00:05:54.680><c> so</c><00:05:55.120><c> and</c><00:05:55.280><c> that's</c><00:05:55.440><c> what</c><00:05:55.560><c> we're</c><00:05:55.680><c> going</c><00:05:55.759><c> to</c>

00:05:55.870 --> 00:05:55.880 align:start position:0%
right so and that's what we're going to
 

00:05:55.880 --> 00:05:59.469 align:start position:0%
right so and that's what we're going to
use<00:05:56.080><c> in</c><00:05:56.280><c> this</c><00:05:57.000><c> video</c><00:05:58.000><c> so</c><00:05:58.319><c> let's</c><00:05:58.520><c> say</c><00:05:58.840><c> yes</c><00:05:59.240><c> say</c>

00:05:59.469 --> 00:05:59.479 align:start position:0%
use in this video so let's say yes say
 

00:05:59.479 --> 00:06:01.390 align:start position:0%
use in this video so let's say yes say
set<00:05:59.639><c> up</c><00:05:59.880><c> now</c><00:06:00.560><c> and</c><00:06:00.680><c> then</c><00:06:00.840><c> the</c><00:06:01.000><c> next</c><00:06:01.199><c> thing</c>

00:06:01.390 --> 00:06:01.400 align:start position:0%
set up now and then the next thing
 

00:06:01.400 --> 00:06:03.909 align:start position:0%
set up now and then the next thing
Shopify<00:06:02.080><c> ask</c><00:06:02.360><c> you</c><00:06:02.600><c> is</c><00:06:02.800><c> whether</c><00:06:03.000><c> or</c><00:06:03.160><c> not</c><00:06:03.720><c> it's</c>

00:06:03.909 --> 00:06:03.919 align:start position:0%
Shopify ask you is whether or not it's
 

00:06:03.919 --> 00:06:05.390 align:start position:0%
Shopify ask you is whether or not it's
depending<00:06:04.280><c> on</c><00:06:04.479><c> your</c>

00:06:05.390 --> 00:06:05.400 align:start position:0%
depending on your
 

00:06:05.400 --> 00:06:08.909 align:start position:0%
depending on your
internationalization<00:06:06.400><c> um</c><00:06:06.919><c> um</c><00:06:07.319><c> uh</c><00:06:07.919><c> strategy</c>

00:06:08.909 --> 00:06:08.919 align:start position:0%
internationalization um um uh strategy
 

00:06:08.919 --> 00:06:10.950 align:start position:0%
internationalization um um uh strategy
whether<00:06:09.160><c> you're</c><00:06:09.479><c> internationalizing</c><00:06:10.479><c> via</c>

00:06:10.950 --> 00:06:10.960 align:start position:0%
whether you're internationalizing via
 

00:06:10.960 --> 00:06:13.430 align:start position:0%
whether you're internationalizing via
subh<00:06:11.360><c> holder</c><00:06:11.720><c> sub</c><00:06:12.039><c> domains</c><00:06:12.639><c> or</c><00:06:12.880><c> top</c><00:06:13.120><c> level</c>

00:06:13.430 --> 00:06:13.440 align:start position:0%
subh holder sub domains or top level
 

00:06:13.440 --> 00:06:15.909 align:start position:0%
subh holder sub domains or top level
domains<00:06:14.319><c> the</c><00:06:14.479><c> scaffolding</c><00:06:15.120><c> that</c><00:06:15.280><c> sh</c><00:06:15.759><c> is</c><00:06:15.840><c> going</c>

00:06:15.909 --> 00:06:15.919 align:start position:0%
domains the scaffolding that sh is going
 

00:06:15.919 --> 00:06:17.230 align:start position:0%
domains the scaffolding that sh is going
to<00:06:16.039><c> create</c><00:06:16.319><c> is</c><00:06:16.400><c> going</c><00:06:16.520><c> to</c><00:06:16.599><c> be</c><00:06:16.720><c> a</c><00:06:16.800><c> little</c><00:06:16.960><c> bit</c>

00:06:17.230 --> 00:06:17.240 align:start position:0%
to create is going to be a little bit
 

00:06:17.240 --> 00:06:20.350 align:start position:0%
to create is going to be a little bit
different<00:06:17.880><c> okay</c><00:06:18.240><c> so</c><00:06:19.240><c> um</c><00:06:19.440><c> if</c><00:06:19.560><c> you</c><00:06:19.759><c> go</c><00:06:20.000><c> here</c><00:06:20.199><c> in</c>

00:06:20.350 --> 00:06:20.360 align:start position:0%
different okay so um if you go here in
 

00:06:20.360 --> 00:06:22.270 align:start position:0%
different okay so um if you go here in
the<00:06:20.520><c> docs</c><00:06:21.199><c> and</c><00:06:21.360><c> I</c><00:06:21.560><c> again</c><00:06:21.720><c> I</c><00:06:21.800><c> will</c><00:06:21.960><c> drop</c><00:06:22.199><c> the</c>

00:06:22.270 --> 00:06:22.280 align:start position:0%
the docs and I again I will drop the
 

00:06:22.280 --> 00:06:24.270 align:start position:0%
the docs and I again I will drop the
link<00:06:22.479><c> in</c><00:06:22.560><c> the</c><00:06:22.759><c> description</c><00:06:23.720><c> you</c><00:06:23.880><c> have</c><00:06:24.080><c> here</c>

00:06:24.270 --> 00:06:24.280 align:start position:0%
link in the description you have here
 

00:06:24.280 --> 00:06:27.150 align:start position:0%
link in the description you have here
Shopify<00:06:24.919><c> markets</c><00:06:25.639><c> and</c><00:06:25.759><c> they</c><00:06:25.919><c> show</c><00:06:26.120><c> you</c><00:06:26.400><c> how</c><00:06:26.560><c> to</c>

00:06:27.150 --> 00:06:27.160 align:start position:0%
Shopify markets and they show you how to
 

00:06:27.160 --> 00:06:31.390 align:start position:0%
Shopify markets and they show you how to
um<00:06:28.160><c> how</c><00:06:28.319><c> to</c><00:06:28.520><c> set</c><00:06:28.759><c> up</c><00:06:29.479><c> an</c><00:06:29.639><c> international</c><00:06:30.400><c> store</c>

00:06:31.390 --> 00:06:31.400 align:start position:0%
um how to set up an international store
 

00:06:31.400 --> 00:06:33.990 align:start position:0%
um how to set up an international store
um<00:06:32.400><c> um</c><00:06:32.720><c> and</c><00:06:32.880><c> and</c><00:06:33.039><c> obviously</c><00:06:33.440><c> you</c><00:06:33.520><c> can</c><00:06:33.680><c> always</c>

00:06:33.990 --> 00:06:34.000 align:start position:0%
um um and and obviously you can always
 

00:06:34.000 --> 00:06:37.589 align:start position:0%
um um and and obviously you can always
change<00:06:34.759><c> from</c><00:06:34.960><c> one</c><00:06:35.160><c> to</c><00:06:35.360><c> the</c><00:06:35.479><c> other</c><00:06:36.120><c> in</c><00:06:36.240><c> a</c><00:06:36.599><c> code</c>

00:06:37.589 --> 00:06:37.599 align:start position:0%
change from one to the other in a code
 

00:06:37.599 --> 00:06:40.430 align:start position:0%
change from one to the other in a code
uh<00:06:37.880><c> but</c><00:06:38.360><c> why</c><00:06:38.520><c> not</c><00:06:38.759><c> start</c><00:06:39.160><c> from</c><00:06:39.440><c> what</c><00:06:39.599><c> we</c><00:06:39.759><c> need</c>

00:06:40.430 --> 00:06:40.440 align:start position:0%
uh but why not start from what we need
 

00:06:40.440 --> 00:06:43.150 align:start position:0%
uh but why not start from what we need
right<00:06:40.639><c> away</c><00:06:41.039><c> so</c><00:06:41.720><c> I</c><00:06:41.840><c> think</c><00:06:42.280><c> for</c><00:06:42.479><c> this</c><00:06:42.720><c> for</c><00:06:42.960><c> for</c>

00:06:43.150 --> 00:06:43.160 align:start position:0%
right away so I think for this for for
 

00:06:43.160 --> 00:06:45.469 align:start position:0%
right away so I think for this for for
for<00:06:43.319><c> this</c><00:06:43.479><c> video</c><00:06:43.840><c> we</c><00:06:43.919><c> are</c><00:06:44.039><c> going</c><00:06:44.160><c> to</c><00:06:44.319><c> use</c><00:06:44.800><c> um</c>

00:06:45.469 --> 00:06:45.479 align:start position:0%
for this video we are going to use um
 

00:06:45.479 --> 00:06:47.270 align:start position:0%
for this video we are going to use um
for<00:06:45.639><c> this</c><00:06:45.759><c> video</c><00:06:46.039><c> and</c><00:06:46.560><c> subt</c><00:06:46.800><c> Screen</c><00:06:47.080><c> ones</c>

00:06:47.270 --> 00:06:47.280 align:start position:0%
for this video and subt Screen ones
 

00:06:47.280 --> 00:06:49.309 align:start position:0%
for this video and subt Screen ones
you're<00:06:47.440><c> going</c><00:06:47.520><c> to</c><00:06:47.639><c> use</c><00:06:47.840><c> the</c><00:06:48.000><c> sub</c><00:06:48.280><c> folder</c><00:06:49.160><c> but</c>

00:06:49.309 --> 00:06:49.319 align:start position:0%
you're going to use the sub folder but
 

00:06:49.319 --> 00:06:51.589 align:start position:0%
you're going to use the sub folder but
if<00:06:49.440><c> you</c><00:06:49.560><c> want</c><00:06:49.680><c> to</c><00:06:49.880><c> see</c><00:06:50.520><c> um</c><00:06:50.720><c> how</c><00:06:50.880><c> to</c><00:06:51.039><c> do</c><00:06:51.199><c> it</c><00:06:51.400><c> with</c>

00:06:51.589 --> 00:06:51.599 align:start position:0%
if you want to see um how to do it with
 

00:06:51.599 --> 00:06:54.189 align:start position:0%
if you want to see um how to do it with
sub<00:06:51.919><c> domains</c><00:06:52.360><c> or</c><00:06:52.599><c> top</c><00:06:52.840><c> level</c><00:06:53.080><c> domains</c><00:06:53.880><c> do</c><00:06:54.039><c> let</c>

00:06:54.189 --> 00:06:54.199 align:start position:0%
sub domains or top level domains do let
 

00:06:54.199 --> 00:06:55.869 align:start position:0%
sub domains or top level domains do let
me<00:06:54.319><c> know</c><00:06:54.560><c> in</c><00:06:54.800><c> in</c><00:06:54.919><c> the</c><00:06:55.039><c> comments</c><00:06:55.400><c> and</c><00:06:55.520><c> I</c><00:06:55.599><c> will</c><00:06:55.720><c> do</c>

00:06:55.869 --> 00:06:55.879 align:start position:0%
me know in in the comments and I will do
 

00:06:55.879 --> 00:06:58.350 align:start position:0%
me know in in the comments and I will do
that<00:06:56.039><c> for</c><00:06:56.240><c> you</c><00:06:56.759><c> so</c><00:06:56.919><c> let's</c><00:06:57.120><c> select</c><00:06:57.440><c> sub</c><00:06:57.759><c> folders</c>

00:06:58.350 --> 00:06:58.360 align:start position:0%
that for you so let's select sub folders
 

00:06:58.360 --> 00:07:00.390 align:start position:0%
that for you so let's select sub folders
okay<00:06:59.000><c> and</c><00:06:59.080><c> then</c><00:06:59.199><c> the</c><00:06:59.440><c> project</c><00:06:59.680><c> is</c><00:06:59.800><c> going</c><00:06:59.879><c> to</c><00:07:00.000><c> be</c>

00:07:00.390 --> 00:07:00.400 align:start position:0%
okay and then the project is going to be
 

00:07:00.400 --> 00:07:03.589 align:start position:0%
okay and then the project is going to be
scaffolded<00:07:01.080><c> and</c><00:07:01.240><c> that's</c><00:07:01.479><c> it</c><00:07:01.840><c> right</c><00:07:02.800><c> uh</c><00:07:03.000><c> so</c><00:07:03.479><c> in</c>

00:07:03.589 --> 00:07:03.599 align:start position:0%
scaffolded and that's it right uh so in
 

00:07:03.599 --> 00:07:05.749 align:start position:0%
scaffolded and that's it right uh so in
the<00:07:03.800><c> next</c><00:07:04.039><c> video</c><00:07:04.360><c> that's</c><00:07:04.599><c> it</c><00:07:05.000><c> in</c><00:07:05.160><c> terms</c><00:07:05.400><c> of</c><00:07:05.599><c> how</c>

00:07:05.749 --> 00:07:05.759 align:start position:0%
the next video that's it in terms of how
 

00:07:05.759 --> 00:07:09.869 align:start position:0%
the next video that's it in terms of how
to<00:07:06.000><c> set</c><00:07:06.240><c> up</c><00:07:06.840><c> um</c><00:07:07.599><c> the</c><00:07:07.960><c> um</c><00:07:08.440><c> the</c><00:07:08.720><c> the</c><00:07:08.960><c> the</c><00:07:09.800><c> the</c>

00:07:09.869 --> 00:07:09.879 align:start position:0%
to set up um the um the the the the
 

00:07:09.879 --> 00:07:13.629 align:start position:0%
to set up um the um the the the the
Shopify<00:07:10.440><c> storefront</c><00:07:11.400><c> you</c><00:07:11.560><c> can</c><00:07:11.720><c> see</c><00:07:12.080><c> here</c><00:07:12.759><c> um</c>

00:07:13.629 --> 00:07:13.639 align:start position:0%
Shopify storefront you can see here um
 

00:07:13.639 --> 00:07:17.909 align:start position:0%
Shopify storefront you can see here um
gives<00:07:13.960><c> it</c><00:07:14.080><c> gives</c><00:07:14.280><c> us</c><00:07:14.599><c> like</c><00:07:15.360><c> um</c><00:07:16.599><c> quite</c><00:07:17.599><c> quick</c>

00:07:17.909 --> 00:07:17.919 align:start position:0%
gives it gives us like um quite quick
 

00:07:17.919 --> 00:07:20.070 align:start position:0%
gives it gives us like um quite quick
summary<00:07:18.560><c> of</c><00:07:18.759><c> what</c><00:07:18.919><c> was</c><00:07:19.160><c> created</c><00:07:19.599><c> and</c><00:07:19.759><c> in</c><00:07:19.879><c> the</c>

00:07:20.070 --> 00:07:20.080 align:start position:0%
summary of what was created and in the
 

00:07:20.080 --> 00:07:22.309 align:start position:0%
summary of what was created and in the
next<00:07:20.360><c> video</c><00:07:21.039><c> we're</c><00:07:21.280><c> going</c><00:07:21.360><c> to</c><00:07:21.560><c> have</c><00:07:21.680><c> a</c><00:07:21.879><c> look</c><00:07:22.160><c> at</c>

00:07:22.309 --> 00:07:22.319 align:start position:0%
next video we're going to have a look at
 

00:07:22.319 --> 00:07:24.430 align:start position:0%
next video we're going to have a look at
the<00:07:22.520><c> demo</c><00:07:22.879><c> store</c><00:07:23.479><c> that</c><00:07:23.639><c> was</c><00:07:23.800><c> created</c><00:07:24.240><c> so</c><00:07:24.360><c> if</c>

00:07:24.430 --> 00:07:24.440 align:start position:0%
the demo store that was created so if
 

00:07:24.440 --> 00:07:26.550 align:start position:0%
the demo store that was created so if
you<00:07:24.560><c> want</c><00:07:24.639><c> to</c><00:07:24.800><c> see</c><00:07:25.039><c> that</c><00:07:25.560><c> click</c><00:07:25.800><c> on</c><00:07:26.000><c> the</c><00:07:26.240><c> on</c><00:07:26.400><c> on</c>

00:07:26.550 --> 00:07:26.560 align:start position:0%
you want to see that click on the on on
 

00:07:26.560 --> 00:07:28.390 align:start position:0%
you want to see that click on the on on
on<00:07:26.680><c> the</c><00:07:26.800><c> link</c><00:07:27.039><c> in</c><00:07:27.120><c> the</c><00:07:27.319><c> description</c><00:07:27.879><c> or</c><00:07:28.120><c> in</c><00:07:28.240><c> one</c>

00:07:28.390 --> 00:07:28.400 align:start position:0%
on the link in the description or in one
 

00:07:28.400 --> 00:07:31.230 align:start position:0%
on the link in the description or in one
of<00:07:28.520><c> the</c><00:07:28.680><c> cards</c><00:07:29.560><c> um</c><00:07:30.080><c> that</c><00:07:30.280><c> is</c><00:07:30.560><c> appearing</c><00:07:31.120><c> right</c>

00:07:31.230 --> 00:07:31.240 align:start position:0%
of the cards um that is appearing right
 

00:07:31.240 --> 00:07:33.110 align:start position:0%
of the cards um that is appearing right
now<00:07:31.400><c> on</c><00:07:31.560><c> your</c><00:07:31.720><c> screen</c><00:07:32.639><c> thank</c><00:07:32.800><c> you</c><00:07:32.919><c> for</c>

00:07:33.110 --> 00:07:33.120 align:start position:0%
now on your screen thank you for
 

00:07:33.120 --> 00:07:34.670 align:start position:0%
now on your screen thank you for
watching<00:07:33.520><c> guys</c><00:07:33.680><c> and</c><00:07:33.840><c> I</c><00:07:33.960><c> see</c><00:07:34.080><c> you</c><00:07:34.199><c> in</c><00:07:34.280><c> the</c><00:07:34.479><c> next</c>

00:07:34.670 --> 00:07:34.680 align:start position:0%
watching guys and I see you in the next
 

00:07:34.680 --> 00:07:36.390 align:start position:0%
watching guys and I see you in the next
one

00:07:36.390 --> 00:07:36.400 align:start position:0%
one
 

00:07:36.400 --> 00:07:39.400 align:start position:0%
one
cheers