LiftedCommerce - Remix & Shopify Hydrogen Tutorial

WEBVTT
Kind: captions
Language: en

00:00:00.960 --> 00:00:03.230 align:start position:0%
 
hello<00:00:01.560><c> Internet</c><00:00:01.920><c> in</c><00:00:02.580><c> this</c><00:00:02.700><c> video</c><00:00:02.820><c> we're</c><00:00:03.060><c> gonna</c>

00:00:03.230 --> 00:00:03.240 align:start position:0%
hello Internet in this video we're gonna
 

00:00:03.240 --> 00:00:06.050 align:start position:0%
hello Internet in this video we're gonna
see<00:00:04.020><c> um</c><00:00:04.020><c> what</c><00:00:04.380><c> the</c><00:00:04.560><c> Shopify</c><00:00:04.980><c> hydrogen</c><00:00:05.640><c> demo</c>

00:00:06.050 --> 00:00:06.060 align:start position:0%
see um what the Shopify hydrogen demo
 

00:00:06.060 --> 00:00:08.330 align:start position:0%
see um what the Shopify hydrogen demo
store<00:00:06.240><c> looks</c><00:00:06.660><c> like</c><00:00:06.779><c> okay</c><00:00:07.200><c> so</c><00:00:07.620><c> this</c><00:00:07.859><c> is</c><00:00:07.980><c> what</c><00:00:08.160><c> we</c>

00:00:08.330 --> 00:00:08.340 align:start position:0%
store looks like okay so this is what we
 

00:00:08.340 --> 00:00:11.270 align:start position:0%
store looks like okay so this is what we
created<00:00:08.639><c> the</c><00:00:09.059><c> scaffolding</c><00:00:09.660><c> that</c><00:00:09.960><c> we</c><00:00:10.200><c> got</c><00:00:10.800><c> from</c>

00:00:11.270 --> 00:00:11.280 align:start position:0%
created the scaffolding that we got from
 

00:00:11.280 --> 00:00:12.890 align:start position:0%
created the scaffolding that we got from
the<00:00:11.639><c> previous</c><00:00:11.760><c> video</c><00:00:12.059><c> if</c><00:00:12.360><c> you're</c><00:00:12.480><c> following</c>

00:00:12.890 --> 00:00:12.900 align:start position:0%
the previous video if you're following
 

00:00:12.900 --> 00:00:16.670 align:start position:0%
the previous video if you're following
the<00:00:13.380><c> series</c><00:00:13.620><c> so</c><00:00:14.580><c> uh</c><00:00:15.000><c> before</c><00:00:15.240><c> having</c><00:00:15.599><c> a</c><00:00:15.839><c> look</c><00:00:16.080><c> at</c>

00:00:16.670 --> 00:00:16.680 align:start position:0%
the series so uh before having a look at
 

00:00:16.680 --> 00:00:19.310 align:start position:0%
the series so uh before having a look at
the<00:00:17.220><c> actual</c><00:00:17.460><c> code</c><00:00:17.820><c> let's</c><00:00:18.359><c> see</c><00:00:18.600><c> first</c><00:00:18.840><c> what</c><00:00:19.140><c> it</c>

00:00:19.310 --> 00:00:19.320 align:start position:0%
the actual code let's see first what it
 

00:00:19.320 --> 00:00:22.429 align:start position:0%
the actual code let's see first what it
looks<00:00:19.619><c> like</c><00:00:19.740><c> in</c><00:00:20.100><c> in</c><00:00:20.279><c> in</c><00:00:20.460><c> in</c><00:00:20.640><c> in</c><00:00:20.900><c> our</c><00:00:21.900><c> browser</c><00:00:22.199><c> so</c>

00:00:22.429 --> 00:00:22.439 align:start position:0%
looks like in in in in in our browser so
 

00:00:22.439 --> 00:00:25.070 align:start position:0%
looks like in in in in in our browser so
to<00:00:23.039><c> start</c><00:00:23.340><c> the</c><00:00:23.520><c> project</c><00:00:23.699><c> we</c><00:00:24.119><c> simply</c><00:00:24.359><c> run</c><00:00:24.600><c> npm</c>

00:00:25.070 --> 00:00:25.080 align:start position:0%
to start the project we simply run npm
 

00:00:25.080 --> 00:00:28.330 align:start position:0%
to start the project we simply run npm
run<00:00:25.320><c> Dev</c><00:00:25.619><c> okay</c><00:00:25.980><c> and</c><00:00:26.580><c> it's</c><00:00:26.760><c> gonna</c><00:00:27.019><c> launch</c><00:00:28.019><c> the</c>

00:00:28.330 --> 00:00:28.340 align:start position:0%
run Dev okay and it's gonna launch the
 

00:00:28.340 --> 00:00:31.250 align:start position:0%
run Dev okay and it's gonna launch the
development<00:00:29.340><c> server</c><00:00:29.880><c> for</c><00:00:30.180><c> us</c><00:00:30.359><c> which</c><00:00:30.840><c> is</c><00:00:31.019><c> a</c>

00:00:31.250 --> 00:00:31.260 align:start position:0%
development server for us which is a
 

00:00:31.260 --> 00:00:34.010 align:start position:0%
development server for us which is a
mini<00:00:31.500><c> oxygen</c><00:00:32.300><c> around</c><00:00:33.300><c> powered</c><00:00:33.719><c> by</c><00:00:33.840><c> mini</c>

00:00:34.010 --> 00:00:34.020 align:start position:0%
mini oxygen around powered by mini
 

00:00:34.020 --> 00:00:36.830 align:start position:0%
mini oxygen around powered by mini
oxygen<00:00:34.500><c> so</c><00:00:34.739><c> here</c><00:00:35.100><c> we</c><00:00:35.280><c> have</c><00:00:35.399><c> it</c><00:00:35.579><c> the</c><00:00:35.940><c> link</c><00:00:36.120><c> to</c>

00:00:36.830 --> 00:00:36.840 align:start position:0%
oxygen so here we have it the link to
 

00:00:36.840 --> 00:00:39.410 align:start position:0%
oxygen so here we have it the link to
visit<00:00:37.020><c> the</c><00:00:37.320><c> store</c><00:00:37.500><c> okay</c><00:00:37.920><c> so</c><00:00:38.640><c> if</c><00:00:38.760><c> we</c><00:00:38.880><c> click</c><00:00:39.180><c> here</c>

00:00:39.410 --> 00:00:39.420 align:start position:0%
visit the store okay so if we click here
 

00:00:39.420 --> 00:00:41.630 align:start position:0%
visit the store okay so if we click here
okay

00:00:41.630 --> 00:00:41.640 align:start position:0%
okay
 

00:00:41.640 --> 00:00:44.569 align:start position:0%
okay
um<00:00:41.700><c> let's</c><00:00:42.180><c> go</c><00:00:42.360><c> here</c><00:00:42.860><c> right</c><00:00:43.860><c> when</c><00:00:44.219><c> you</c><00:00:44.340><c> have</c><00:00:44.460><c> it</c>

00:00:44.569 --> 00:00:44.579 align:start position:0%
um let's go here right when you have it
 

00:00:44.579 --> 00:00:46.790 align:start position:0%
um let's go here right when you have it
running<00:00:44.760><c> so</c><00:00:45.360><c> yeah</c><00:00:45.660><c> this</c><00:00:45.960><c> is</c><00:00:46.079><c> what</c><00:00:46.260><c> was</c><00:00:46.440><c> created</c>

00:00:46.790 --> 00:00:46.800 align:start position:0%
running so yeah this is what was created
 

00:00:46.800 --> 00:00:50.630 align:start position:0%
running so yeah this is what was created
by<00:00:47.040><c> Shopify</c><00:00:47.579><c> uh</c><00:00:48.420><c> the</c><00:00:48.539><c> Shopify</c><00:00:48.899><c> CLI</c><00:00:49.559><c> so</c><00:00:50.399><c> let's</c>

00:00:50.630 --> 00:00:50.640 align:start position:0%
by Shopify uh the Shopify CLI so let's
 

00:00:50.640 --> 00:00:53.150 align:start position:0%
by Shopify uh the Shopify CLI so let's
see<00:00:50.879><c> what</c><00:00:51.120><c> what</c><00:00:51.360><c> what</c><00:00:51.480><c> is</c><00:00:52.200><c> is</c><00:00:52.440><c> in</c><00:00:52.860><c> the</c><00:00:52.980><c> store</c>

00:00:53.150 --> 00:00:53.160 align:start position:0%
see what what what is is in the store
 

00:00:53.160 --> 00:00:55.610 align:start position:0%
see what what what is is in the store
okay<00:00:53.579><c> so</c><00:00:54.360><c> first</c><00:00:54.600><c> of</c><00:00:54.780><c> all</c><00:00:54.840><c> obviously</c><00:00:55.260><c> we</c><00:00:55.440><c> have</c>

00:00:55.610 --> 00:00:55.620 align:start position:0%
okay so first of all obviously we have
 

00:00:55.620 --> 00:00:58.130 align:start position:0%
okay so first of all obviously we have
the<00:00:55.739><c> home</c><00:00:55.920><c> page</c><00:00:56.219><c> here</c><00:00:56.640><c> and</c><00:00:57.480><c> uh</c><00:00:57.719><c> it's</c><00:00:57.960><c> very</c>

00:00:58.130 --> 00:00:58.140 align:start position:0%
the home page here and uh it's very
 

00:00:58.140 --> 00:01:00.650 align:start position:0%
the home page here and uh it's very
minimalistic<00:00:58.920><c> design</c><00:00:59.160><c> powered</c><00:01:00.120><c> by</c><00:01:00.180><c> Darwin</c>

00:01:00.650 --> 00:01:00.660 align:start position:0%
minimalistic design powered by Darwin
 

00:01:00.660 --> 00:01:02.450 align:start position:0%
minimalistic design powered by Darwin
but<00:01:00.899><c> but</c><00:01:01.379><c> that's</c><00:01:01.559><c> not</c><00:01:01.739><c> really</c><00:01:01.920><c> what</c><00:01:02.100><c> matters</c>

00:01:02.450 --> 00:01:02.460 align:start position:0%
but but that's not really what matters
 

00:01:02.460 --> 00:01:05.030 align:start position:0%
but but that's not really what matters
is<00:01:02.760><c> what</c><00:01:03.719><c> what</c><00:01:04.260><c> matters</c><00:01:04.680><c> are</c><00:01:04.920><c> the</c>

00:01:05.030 --> 00:01:05.040 align:start position:0%
is what what matters are the
 

00:01:05.040 --> 00:01:07.609 align:start position:0%
is what what matters are the
functionalities<00:01:05.640><c> that</c><00:01:06.540><c> are</c><00:01:06.720><c> provided</c><00:01:07.140><c> out</c><00:01:07.500><c> of</c>

00:01:07.609 --> 00:01:07.619 align:start position:0%
functionalities that are provided out of
 

00:01:07.619 --> 00:01:09.950 align:start position:0%
functionalities that are provided out of
the<00:01:07.740><c> box</c><00:01:07.920><c> for</c><00:01:08.280><c> us</c><00:01:08.460><c> in</c><00:01:09.000><c> terms</c><00:01:09.299><c> of</c><00:01:09.360><c> design</c><00:01:09.540><c> I'm</c>

00:01:09.950 --> 00:01:09.960 align:start position:0%
the box for us in terms of design I'm
 

00:01:09.960 --> 00:01:11.390 align:start position:0%
the box for us in terms of design I'm
sure<00:01:10.260><c> I</c><00:01:10.380><c> should</c><00:01:10.560><c> provide</c><00:01:10.799><c> students</c><00:01:11.159><c> and</c>

00:01:11.390 --> 00:01:11.400 align:start position:0%
sure I should provide students and
 

00:01:11.400 --> 00:01:13.789 align:start position:0%
sure I should provide students and
rightness<00:01:11.760><c> so</c><00:01:12.060><c> that</c><00:01:12.780><c> each</c><00:01:13.020><c> store</c><00:01:13.260><c> is</c><00:01:13.500><c> very</c>

00:01:13.789 --> 00:01:13.799 align:start position:0%
rightness so that each store is very
 

00:01:13.799 --> 00:01:16.429 align:start position:0%
rightness so that each store is very
different<00:01:14.040><c> so</c><00:01:14.760><c> they</c><00:01:15.119><c> don't</c><00:01:15.360><c> put</c><00:01:15.600><c> much</c><00:01:15.840><c> effort</c>

00:01:16.429 --> 00:01:16.439 align:start position:0%
different so they don't put much effort
 

00:01:16.439 --> 00:01:19.670 align:start position:0%
different so they don't put much effort
into<00:01:17.060><c> making</c><00:01:18.060><c> it</c><00:01:18.360><c> very</c><00:01:18.659><c> polished</c><00:01:19.200><c> but</c>

00:01:19.670 --> 00:01:19.680 align:start position:0%
into making it very polished but
 

00:01:19.680 --> 00:01:21.950 align:start position:0%
into making it very polished but
obviously<00:01:20.100><c> if</c><00:01:20.640><c> you're</c><00:01:20.759><c> interested</c><00:01:21.240><c> in</c><00:01:21.600><c> a</c><00:01:21.780><c> more</c>

00:01:21.950 --> 00:01:21.960 align:start position:0%
obviously if you're interested in a more
 

00:01:21.960 --> 00:01:25.429 align:start position:0%
obviously if you're interested in a more
polished<00:01:22.439><c> product</c><00:01:22.700><c> a</c><00:01:23.700><c> more</c><00:01:23.880><c> polished</c><00:01:24.439><c> starter</c>

00:01:25.429 --> 00:01:25.439 align:start position:0%
polished product a more polished starter
 

00:01:25.439 --> 00:01:27.410 align:start position:0%
polished product a more polished starter
templates<00:01:25.799><c> go</c><00:01:26.040><c> on</c><00:01:26.159><c> lift.com</c><00:01:26.640><c> lifted</c>

00:01:27.410 --> 00:01:27.420 align:start position:0%
templates go on lift.com lifted
 

00:01:27.420 --> 00:01:31.130 align:start position:0%
templates go on lift.com lifted
commerce.com<00:01:28.220><c> where</c><00:01:29.220><c> we</c><00:01:29.460><c> have</c><00:01:29.700><c> premium</c><00:01:30.420><c> and</c>

00:01:31.130 --> 00:01:31.140 align:start position:0%
commerce.com where we have premium and
 

00:01:31.140 --> 00:01:33.370 align:start position:0%
commerce.com where we have premium and
highly<00:01:31.860><c> feature</c><00:01:32.220><c> reached</c>

00:01:33.370 --> 00:01:33.380 align:start position:0%
highly feature reached
 

00:01:33.380 --> 00:01:35.830 align:start position:0%
highly feature reached
Shopify<00:01:34.380><c> hydrogen</c>

00:01:35.830 --> 00:01:35.840 align:start position:0%
Shopify hydrogen
 

00:01:35.840 --> 00:01:39.289 align:start position:0%
Shopify hydrogen
starter<00:01:36.840><c> kits</c><00:01:37.200><c> for</c><00:01:37.680><c> you</c><00:01:37.920><c> to</c><00:01:38.180><c> launch</c><00:01:39.180><c> your</c>

00:01:39.289 --> 00:01:39.299 align:start position:0%
starter kits for you to launch your
 

00:01:39.299 --> 00:01:42.830 align:start position:0%
starter kits for you to launch your
store<00:01:39.540><c> a</c><00:01:39.780><c> lot</c><00:01:39.900><c> more</c><00:01:40.100><c> faster</c><00:01:41.100><c> so</c><00:01:41.939><c> here</c><00:01:42.420><c> you</c><00:01:42.600><c> have</c>

00:01:42.830 --> 00:01:42.840 align:start position:0%
store a lot more faster so here you have
 

00:01:42.840 --> 00:01:47.210 align:start position:0%
store a lot more faster so here you have
the<00:01:43.079><c> collections</c><00:01:43.740><c> for</c><00:01:44.340><c> men</c><00:01:44.600><c> okay</c><00:01:45.600><c> so</c><00:01:46.220><c> here</c>

00:01:47.210 --> 00:01:47.220 align:start position:0%
the collections for men okay so here
 

00:01:47.220 --> 00:01:51.649 align:start position:0%
the collections for men okay so here
this<00:01:47.579><c> this</c><00:01:47.820><c> will</c><00:01:48.119><c> pull</c><00:01:48.900><c> from</c><00:01:49.619><c> the</c><00:01:50.040><c> uh</c><00:01:50.659><c> the</c>

00:01:51.649 --> 00:01:51.659 align:start position:0%
this this will pull from the uh the
 

00:01:51.659 --> 00:01:55.730 align:start position:0%
this this will pull from the uh the
Shopify<00:01:52.259><c> store</c><00:01:53.000><c> all</c><00:01:54.000><c> the</c><00:01:54.479><c> products</c><00:01:55.259><c> that</c><00:01:55.500><c> are</c>

00:01:55.730 --> 00:01:55.740 align:start position:0%
Shopify store all the products that are
 

00:01:55.740 --> 00:01:57.590 align:start position:0%
Shopify store all the products that are
in<00:01:56.100><c> the</c><00:01:56.220><c> men's</c><00:01:56.399><c> collection</c><00:01:56.820><c> and</c><00:01:57.119><c> similarly</c>

00:01:57.590 --> 00:01:57.600 align:start position:0%
in the men's collection and similarly
 

00:01:57.600 --> 00:01:59.870 align:start position:0%
in the men's collection and similarly
for<00:01:57.840><c> the</c><00:01:58.079><c> women</c><00:01:58.259><c> collection</c><00:01:58.799><c> so</c><00:01:59.399><c> you</c><00:01:59.520><c> can</c><00:01:59.700><c> see</c>

00:01:59.870 --> 00:01:59.880 align:start position:0%
for the women collection so you can see
 

00:01:59.880 --> 00:02:02.220 align:start position:0%
for the women collection so you can see
already<00:02:00.060><c> that</c><00:02:00.540><c> the</c>

00:02:02.220 --> 00:02:02.230 align:start position:0%
already that the
 

00:02:02.230 --> 00:02:05.289 align:start position:0%
already that the
[Music]

00:02:05.289 --> 00:02:05.299 align:start position:0%
[Music]
 

00:02:05.299 --> 00:02:09.529 align:start position:0%
[Music]
CLI<00:02:06.299><c> the</c><00:02:06.600><c> Shopify</c><00:02:07.020><c> CLI</c><00:02:08.039><c> uh</c><00:02:08.640><c> it's</c><00:02:09.060><c> doing</c><00:02:09.239><c> a</c><00:02:09.420><c> lot</c>

00:02:09.529 --> 00:02:09.539 align:start position:0%
CLI the Shopify CLI uh it's doing a lot
 

00:02:09.539 --> 00:02:12.770 align:start position:0%
CLI the Shopify CLI uh it's doing a lot
for<00:02:09.720><c> us</c><00:02:09.899><c> here</c><00:02:10.140><c> it's</c><00:02:11.039><c> a</c><00:02:11.400><c> lot</c><00:02:11.700><c> of</c><00:02:11.819><c> routes</c><00:02:12.239><c> and</c><00:02:12.599><c> a</c>

00:02:12.770 --> 00:02:12.780 align:start position:0%
for us here it's a lot of routes and a
 

00:02:12.780 --> 00:02:14.630 align:start position:0%
for us here it's a lot of routes and a
lot<00:02:12.900><c> of</c><00:02:13.020><c> API</c><00:02:13.500><c> requests</c><00:02:13.980><c> that</c><00:02:14.160><c> we</c><00:02:14.280><c> won't</c><00:02:14.459><c> have</c>

00:02:14.630 --> 00:02:14.640 align:start position:0%
lot of API requests that we won't have
 

00:02:14.640 --> 00:02:17.150 align:start position:0%
lot of API requests that we won't have
to<00:02:14.760><c> create</c><00:02:15.300><c> ourselves</c><00:02:15.840><c> and</c><00:02:16.680><c> obviously</c><00:02:16.980><c> you</c>

00:02:17.150 --> 00:02:17.160 align:start position:0%
to create ourselves and obviously you
 

00:02:17.160 --> 00:02:19.550 align:start position:0%
to create ourselves and obviously you
can<00:02:17.280><c> see</c><00:02:17.459><c> that</c><00:02:17.640><c> on</c><00:02:17.879><c> the</c><00:02:18.120><c> whole</c><00:02:18.239><c> all</c><00:02:19.020><c> the</c><00:02:19.260><c> list</c>

00:02:19.550 --> 00:02:19.560 align:start position:0%
can see that on the whole all the list
 

00:02:19.560 --> 00:02:22.250 align:start position:0%
can see that on the whole all the list
of<00:02:19.800><c> all</c><00:02:19.980><c> the</c><00:02:20.160><c> collections</c><00:02:20.760><c> right</c><00:02:20.940><c> and</c><00:02:21.900><c> you</c><00:02:22.140><c> can</c>

00:02:22.250 --> 00:02:22.260 align:start position:0%
of all the collections right and you can
 

00:02:22.260 --> 00:02:24.770 align:start position:0%
of all the collections right and you can
drill<00:02:22.980><c> down</c><00:02:23.220><c> into</c><00:02:23.640><c> a</c><00:02:23.879><c> specific</c><00:02:24.300><c> collection</c>

00:02:24.770 --> 00:02:24.780 align:start position:0%
drill down into a specific collection
 

00:02:24.780 --> 00:02:26.930 align:start position:0%
drill down into a specific collection
like<00:02:25.260><c> we</c><00:02:25.440><c> did</c><00:02:25.620><c> before</c><00:02:25.800><c> and</c><00:02:26.220><c> in</c><00:02:26.400><c> into</c><00:02:26.640><c> a</c>

00:02:26.930 --> 00:02:26.940 align:start position:0%
like we did before and in into a
 

00:02:26.940 --> 00:02:30.050 align:start position:0%
like we did before and in into a
specific<00:02:27.239><c> product</c><00:02:27.660><c> right</c><00:02:28.200><c> and</c><00:02:28.920><c> you</c><00:02:29.099><c> can</c><00:02:29.220><c> see</c>

00:02:30.050 --> 00:02:30.060 align:start position:0%
specific product right and you can see
 

00:02:30.060 --> 00:02:32.570 align:start position:0%
specific product right and you can see
um<00:02:30.120><c> here</c><00:02:30.480><c> the</c><00:02:31.319><c> product</c><00:02:31.680><c> one</c><00:02:32.280><c> thing</c><00:02:32.459><c> that's</c>

00:02:32.570 --> 00:02:32.580 align:start position:0%
um here the product one thing that's
 

00:02:32.580 --> 00:02:34.809 align:start position:0%
um here the product one thing that's
very<00:02:32.879><c> interesting</c><00:02:33.180><c> is</c><00:02:33.480><c> that</c><00:02:33.720><c> when</c><00:02:34.020><c> you</c><00:02:34.200><c> click</c>

00:02:34.809 --> 00:02:34.819 align:start position:0%
very interesting is that when you click
 

00:02:34.819 --> 00:02:38.570 align:start position:0%
very interesting is that when you click
on<00:02:35.819><c> the</c><00:02:36.720><c> link</c><00:02:36.900><c> from</c><00:02:37.200><c> here</c><00:02:37.440><c> you</c><00:02:37.920><c> can</c><00:02:38.040><c> see</c><00:02:38.280><c> that</c>

00:02:38.570 --> 00:02:38.580 align:start position:0%
on the link from here you can see that
 

00:02:38.580 --> 00:02:41.690 align:start position:0%
on the link from here you can see that
uh<00:02:39.000><c> Shopify</c><00:02:39.780><c> populates</c><00:02:40.379><c> the</c><00:02:40.560><c> Euro</c><00:02:40.980><c> with</c><00:02:41.400><c> the</c>

00:02:41.690 --> 00:02:41.700 align:start position:0%
uh Shopify populates the Euro with the
 

00:02:41.700 --> 00:02:44.150 align:start position:0%
uh Shopify populates the Euro with the
default<00:02:42.060><c> variance</c><00:02:42.840><c> so</c><00:02:43.379><c> that's</c><00:02:43.560><c> really</c><00:02:43.920><c> cool</c>

00:02:44.150 --> 00:02:44.160 align:start position:0%
default variance so that's really cool
 

00:02:44.160 --> 00:02:46.550 align:start position:0%
default variance so that's really cool
obviously<00:02:45.120><c> let's</c><00:02:45.239><c> see</c><00:02:45.480><c> what</c><00:02:45.660><c> happens</c><00:02:45.900><c> let's</c>

00:02:46.550 --> 00:02:46.560 align:start position:0%
obviously let's see what happens let's
 

00:02:46.560 --> 00:02:49.550 align:start position:0%
obviously let's see what happens let's
see<00:02:46.800><c> what</c><00:02:46.920><c> happens</c><00:02:47.099><c> if</c><00:02:47.580><c> we</c><00:02:47.700><c> remove</c><00:02:47.879><c> that</c><00:02:48.560><c> okay</c>

00:02:49.550 --> 00:02:49.560 align:start position:0%
see what happens if we remove that okay
 

00:02:49.560 --> 00:02:52.130 align:start position:0%
see what happens if we remove that okay
for<00:02:49.860><c> the</c><00:02:50.040><c> URL</c><00:02:50.400><c> obviously</c><00:02:51.239><c> Shopify</c><00:02:51.599><c> we</c><00:02:51.900><c> put</c>

00:02:52.130 --> 00:02:52.140 align:start position:0%
for the URL obviously Shopify we put
 

00:02:52.140 --> 00:02:54.410 align:start position:0%
for the URL obviously Shopify we put
them<00:02:52.260><c> back</c><00:02:52.500><c> so</c><00:02:53.280><c> this</c><00:02:53.580><c> phone</c><00:02:53.819><c> will</c><00:02:54.000><c> redirect</c>

00:02:54.410 --> 00:02:54.420 align:start position:0%
them back so this phone will redirect
 

00:02:54.420 --> 00:02:57.110 align:start position:0%
them back so this phone will redirect
happening<00:02:55.379><c> there</c><00:02:55.620><c> and</c><00:02:56.340><c> we</c><00:02:56.519><c> will</c><00:02:56.640><c> see</c><00:02:56.819><c> how</c><00:02:57.000><c> that</c>

00:02:57.110 --> 00:02:57.120 align:start position:0%
happening there and we will see how that
 

00:02:57.120 --> 00:03:00.530 align:start position:0%
happening there and we will see how that
works<00:02:57.480><c> in</c><00:02:57.720><c> in</c><00:02:58.319><c> a</c><00:02:58.800><c> subsequent</c><00:02:59.220><c> video</c><00:02:59.459><c> and</c><00:03:00.300><c> one</c>

00:03:00.530 --> 00:03:00.540 align:start position:0%
works in in a subsequent video and one
 

00:03:00.540 --> 00:03:01.910 align:start position:0%
works in in a subsequent video and one
thing<00:03:00.720><c> that's</c><00:03:00.840><c> also</c><00:03:01.140><c> very</c><00:03:01.319><c> interesting</c><00:03:01.680><c> is</c>

00:03:01.910 --> 00:03:01.920 align:start position:0%
thing that's also very interesting is
 

00:03:01.920 --> 00:03:05.210 align:start position:0%
thing that's also very interesting is
that<00:03:02.160><c> there</c><00:03:02.580><c> is</c><00:03:02.760><c> some</c><00:03:03.180><c> Dynamic</c><00:03:03.900><c> changing</c><00:03:04.800><c> of</c>

00:03:05.210 --> 00:03:05.220 align:start position:0%
that there is some Dynamic changing of
 

00:03:05.220 --> 00:03:07.490 align:start position:0%
that there is some Dynamic changing of
the<00:03:05.400><c> world</c><00:03:05.640><c> happening</c><00:03:06.300><c> when</c><00:03:06.900><c> we</c><00:03:07.080><c> change</c><00:03:07.260><c> the</c>

00:03:07.490 --> 00:03:07.500 align:start position:0%
the world happening when we change the
 

00:03:07.500 --> 00:03:09.890 align:start position:0%
the world happening when we change the
variant<00:03:08.040><c> which</c><00:03:08.580><c> is</c><00:03:08.700><c> great</c><00:03:08.879><c> for</c><00:03:09.120><c> SEO</c><00:03:09.540><c> purposes</c>

00:03:09.890 --> 00:03:09.900 align:start position:0%
variant which is great for SEO purposes
 

00:03:09.900 --> 00:03:11.530 align:start position:0%
variant which is great for SEO purposes
which<00:03:10.200><c> means</c><00:03:10.440><c> because</c>

00:03:11.530 --> 00:03:11.540 align:start position:0%
which means because
 

00:03:11.540 --> 00:03:13.550 align:start position:0%
which means because
some<00:03:12.540><c> people</c><00:03:12.659><c> don't</c><00:03:12.900><c> know</c><00:03:13.080><c> this</c><00:03:13.260><c> but</c>

00:03:13.550 --> 00:03:13.560 align:start position:0%
some people don't know this but
 

00:03:13.560 --> 00:03:15.470 align:start position:0%
some people don't know this but
basically<00:03:14.220><c> from</c><00:03:14.519><c> Google's</c><00:03:15.000><c> point</c><00:03:15.180><c> of</c><00:03:15.360><c> view</c>

00:03:15.470 --> 00:03:15.480 align:start position:0%
basically from Google's point of view
 

00:03:15.480 --> 00:03:17.630 align:start position:0%
basically from Google's point of view
because<00:03:16.260><c> the</c><00:03:16.560><c> parameter</c><00:03:16.980><c> has</c><00:03:17.159><c> changed</c><00:03:17.459><c> this</c>

00:03:17.630 --> 00:03:17.640 align:start position:0%
because the parameter has changed this
 

00:03:17.640 --> 00:03:20.570 align:start position:0%
because the parameter has changed this
is<00:03:17.819><c> an</c><00:03:18.360><c> entirely</c><00:03:18.720><c> different</c><00:03:18.900><c> page</c><00:03:19.260><c> so</c><00:03:19.680><c> you</c><00:03:20.459><c> can</c>

00:03:20.570 --> 00:03:20.580 align:start position:0%
is an entirely different page so you can
 

00:03:20.580 --> 00:03:24.110 align:start position:0%
is an entirely different page so you can
do<00:03:21.440><c> SEO</c><00:03:22.440><c> on</c><00:03:23.099><c> this</c>

00:03:24.110 --> 00:03:24.120 align:start position:0%
do SEO on this
 

00:03:24.120 --> 00:03:26.089 align:start position:0%
do SEO on this
as<00:03:24.599><c> if</c><00:03:24.840><c> this</c><00:03:25.080><c> was</c><00:03:25.260><c> a</c><00:03:25.500><c> completely</c><00:03:25.860><c> different</c>

00:03:26.089 --> 00:03:26.099 align:start position:0%
as if this was a completely different
 

00:03:26.099 --> 00:03:28.270 align:start position:0%
as if this was a completely different
page<00:03:26.580><c> right</c><00:03:26.879><c> so</c>

00:03:28.270 --> 00:03:28.280 align:start position:0%
page right so
 

00:03:28.280 --> 00:03:31.670 align:start position:0%
page right so
here<00:03:29.280><c> you</c><00:03:29.459><c> see</c><00:03:29.640><c> the</c><00:03:30.000><c> URL</c><00:03:30.360><c> changes</c><00:03:30.840><c> and</c><00:03:31.379><c> the</c>

00:03:31.670 --> 00:03:31.680 align:start position:0%
here you see the URL changes and the
 

00:03:31.680 --> 00:03:35.330 align:start position:0%
here you see the URL changes and the
report<00:03:32.220><c> changes</c><00:03:32.940><c> as</c><00:03:33.180><c> well</c><00:03:33.360><c> okay</c><00:03:34.140><c> same</c><00:03:35.099><c> thing</c>

00:03:35.330 --> 00:03:35.340 align:start position:0%
report changes as well okay same thing
 

00:03:35.340 --> 00:03:39.170 align:start position:0%
report changes as well okay same thing
here<00:03:35.700><c> and</c><00:03:36.800><c> now</c><00:03:37.800><c> the</c><00:03:38.099><c> next</c><00:03:38.220><c> thing</c><00:03:38.459><c> the</c><00:03:38.940><c> next</c>

00:03:39.170 --> 00:03:39.180 align:start position:0%
here and now the next thing the next
 

00:03:39.180 --> 00:03:41.210 align:start position:0%
here and now the next thing the next
interesting<00:03:39.599><c> we</c><00:03:39.840><c> want</c><00:03:40.019><c> to</c><00:03:40.140><c> have</c><00:03:40.319><c> a</c><00:03:40.440><c> look</c><00:03:40.560><c> at</c><00:03:40.739><c> is</c>

00:03:41.210 --> 00:03:41.220 align:start position:0%
interesting we want to have a look at is
 

00:03:41.220 --> 00:03:44.330 align:start position:0%
interesting we want to have a look at is
the<00:03:41.519><c> the</c><00:03:41.819><c> search</c><00:03:42.620><c> functionality</c><00:03:43.620><c> so</c><00:03:44.040><c> if</c><00:03:44.159><c> we</c>

00:03:44.330 --> 00:03:44.340 align:start position:0%
the the search functionality so if we
 

00:03:44.340 --> 00:03:48.410 align:start position:0%
the the search functionality so if we
type<00:03:44.580><c> here</c><00:03:45.000><c> men</c><00:03:45.959><c> okay</c><00:03:46.620><c> man</c><00:03:47.580><c> you</c><00:03:47.879><c> can</c><00:03:47.940><c> see</c><00:03:48.180><c> that</c>

00:03:48.410 --> 00:03:48.420 align:start position:0%
type here men okay man you can see that
 

00:03:48.420 --> 00:03:50.449 align:start position:0%
type here men okay man you can see that
Shopify<00:03:48.840><c> is</c><00:03:49.080><c> returning</c><00:03:49.560><c> different</c><00:03:49.980><c> type</c><00:03:50.280><c> of</c>

00:03:50.449 --> 00:03:50.459 align:start position:0%
Shopify is returning different type of
 

00:03:50.459 --> 00:03:52.729 align:start position:0%
Shopify is returning different type of
things<00:03:50.700><c> so</c><00:03:51.120><c> Shopify</c><00:03:51.480><c> is</c><00:03:51.720><c> returning</c><00:03:52.200><c> products</c>

00:03:52.729 --> 00:03:52.739 align:start position:0%
things so Shopify is returning products
 

00:03:52.739 --> 00:03:54.530 align:start position:0%
things so Shopify is returning products
for<00:03:52.980><c> that</c><00:03:53.099><c> and</c><00:03:53.700><c> it's</c><00:03:53.879><c> also</c><00:03:54.060><c> returning</c>

00:03:54.530 --> 00:03:54.540 align:start position:0%
for that and it's also returning
 

00:03:54.540 --> 00:03:57.649 align:start position:0%
for that and it's also returning
collections<00:03:55.260><c> so</c><00:03:55.640><c> we're</c><00:03:56.640><c> gonna</c><00:03:56.819><c> we're</c><00:03:57.599><c> gonna</c>

00:03:57.649 --> 00:03:57.659 align:start position:0%
collections so we're gonna we're gonna
 

00:03:57.659 --> 00:04:00.170 align:start position:0%
collections so we're gonna we're gonna
have<00:03:57.959><c> a</c><00:03:58.019><c> look</c><00:03:58.140><c> in</c><00:03:58.319><c> in</c><00:03:58.620><c> subsequent</c><00:03:59.280><c> videos</c><00:03:59.459><c> it's</c>

00:04:00.170 --> 00:04:00.180 align:start position:0%
have a look in in subsequent videos it's
 

00:04:00.180 --> 00:04:02.330 align:start position:0%
have a look in in subsequent videos it's
what<00:04:00.540><c> just</c><00:04:00.780><c> in</c><00:04:01.140><c> the</c><00:04:01.379><c> store</c><00:04:01.560><c> from</c><00:04:01.739><c> the</c><00:04:01.920><c> API</c><00:04:02.159><c> is</c>

00:04:02.330 --> 00:04:02.340 align:start position:0%
what just in the store from the API is
 

00:04:02.340 --> 00:04:04.309 align:start position:0%
what just in the store from the API is
what<00:04:02.519><c> it's</c><00:04:02.700><c> called</c><00:04:02.819><c> predictive</c><00:04:03.420><c> search</c><00:04:03.720><c> I'm</c>

00:04:04.309 --> 00:04:04.319 align:start position:0%
what it's called predictive search I'm
 

00:04:04.319 --> 00:04:05.930 align:start position:0%
what it's called predictive search I'm
not<00:04:04.500><c> sure</c><00:04:04.620><c> I</c><00:04:04.860><c> can</c><00:04:04.980><c> find</c><00:04:05.159><c> it</c><00:04:05.400><c> somewhere</c><00:04:05.700><c> here</c>

00:04:05.930 --> 00:04:05.940 align:start position:0%
not sure I can find it somewhere here
 

00:04:05.940 --> 00:04:09.589 align:start position:0%
not sure I can find it somewhere here
for<00:04:06.180><c> you</c><00:04:06.299><c> if</c><00:04:06.599><c> you</c><00:04:07.260><c> could</c><00:04:07.560><c> search</c><00:04:08.360><c> uh</c><00:04:09.360><c> very</c>

00:04:09.589 --> 00:04:09.599 align:start position:0%
for you if you could search uh very
 

00:04:09.599 --> 00:04:11.750 align:start position:0%
for you if you could search uh very
quickly

00:04:11.750 --> 00:04:11.760 align:start position:0%
quickly
 

00:04:11.760 --> 00:04:13.850 align:start position:0%
quickly
anyway<00:04:12.239><c> never</c><00:04:12.599><c> mind</c><00:04:12.780><c> I'm</c><00:04:13.200><c> sure</c><00:04:13.560><c> we're</c><00:04:13.680><c> gonna</c>

00:04:13.850 --> 00:04:13.860 align:start position:0%
anyway never mind I'm sure we're gonna
 

00:04:13.860 --> 00:04:15.710 align:start position:0%
anyway never mind I'm sure we're gonna
have<00:04:14.040><c> a</c><00:04:14.099><c> look</c><00:04:14.220><c> at</c><00:04:14.340><c> that</c><00:04:14.519><c> at</c><00:04:14.879><c> some</c><00:04:15.239><c> point</c><00:04:15.420><c> it's</c>

00:04:15.710 --> 00:04:15.720 align:start position:0%
have a look at that at some point it's
 

00:04:15.720 --> 00:04:17.990 align:start position:0%
have a look at that at some point it's
what<00:04:16.019><c> Shopify</c><00:04:16.440><c> calls</c><00:04:16.979><c> predictive</c><00:04:17.699><c> search</c>

00:04:17.990 --> 00:04:18.000 align:start position:0%
what Shopify calls predictive search
 

00:04:18.000 --> 00:04:22.670 align:start position:0%
what Shopify calls predictive search
okay<00:04:18.859><c> so</c><00:04:19.859><c> it's</c><00:04:20.400><c> searching</c><00:04:20.880><c> multiple</c><00:04:21.680><c> data</c>

00:04:22.670 --> 00:04:22.680 align:start position:0%
okay so it's searching multiple data
 

00:04:22.680 --> 00:04:24.590 align:start position:0%
okay so it's searching multiple data
types<00:04:22.919><c> so</c><00:04:23.100><c> here</c><00:04:23.340><c> the</c><00:04:23.639><c> products</c><00:04:24.120><c> the</c>

00:04:24.590 --> 00:04:24.600 align:start position:0%
types so here the products the
 

00:04:24.600 --> 00:04:27.650 align:start position:0%
types so here the products the
collections<00:04:25.199><c> and</c><00:04:25.440><c> if</c><00:04:25.620><c> you</c><00:04:25.800><c> had</c><00:04:25.979><c> articles</c><00:04:26.660><c> it's</c>

00:04:27.650 --> 00:04:27.660 align:start position:0%
collections and if you had articles it's
 

00:04:27.660 --> 00:04:30.290 align:start position:0%
collections and if you had articles it's
also<00:04:27.960><c> going</c><00:04:28.080><c> to</c><00:04:28.259><c> show</c><00:04:28.440><c> you</c><00:04:28.620><c> the</c><00:04:29.460><c> articles</c><00:04:29.880><c> that</c>

00:04:30.290 --> 00:04:30.300 align:start position:0%
also going to show you the articles that
 

00:04:30.300 --> 00:04:32.870 align:start position:0%
also going to show you the articles that
contain<00:04:31.020><c> all</c><00:04:31.560><c> blog</c><00:04:31.919><c> posts</c><00:04:32.160><c> that</c><00:04:32.280><c> contain</c><00:04:32.639><c> the</c>

00:04:32.870 --> 00:04:32.880 align:start position:0%
contain all blog posts that contain the
 

00:04:32.880 --> 00:04:35.749 align:start position:0%
contain all blog posts that contain the
world<00:04:33.060><c> men</c><00:04:33.540><c> in</c><00:04:33.840><c> it</c><00:04:34.020><c> according</c><00:04:34.500><c> to</c><00:04:34.800><c> your</c><00:04:35.460><c> search</c>

00:04:35.749 --> 00:04:35.759 align:start position:0%
world men in it according to your search
 

00:04:35.759 --> 00:04:38.330 align:start position:0%
world men in it according to your search
if<00:04:36.060><c> you</c><00:04:36.240><c> search</c><00:04:36.419><c> for</c><00:04:36.600><c> women</c><00:04:36.840><c> okay</c><00:04:37.740><c> it's</c><00:04:38.160><c> gonna</c>

00:04:38.330 --> 00:04:38.340 align:start position:0%
if you search for women okay it's gonna
 

00:04:38.340 --> 00:04:40.189 align:start position:0%
if you search for women okay it's gonna
see<00:04:38.580><c> that's</c><00:04:38.940><c> your</c><00:04:39.180><c> first</c><00:04:39.360><c> gonna</c><00:04:39.660><c> return</c><00:04:39.840><c> us</c>

00:04:40.189 --> 00:04:40.199 align:start position:0%
see that's your first gonna return us
 

00:04:40.199 --> 00:04:42.530 align:start position:0%
see that's your first gonna return us
the<00:04:41.040><c> products</c><00:04:41.340><c> that</c><00:04:41.460><c> have</c><00:04:41.639><c> women</c><00:04:41.820><c> in</c><00:04:42.240><c> them</c><00:04:42.360><c> and</c>

00:04:42.530 --> 00:04:42.540 align:start position:0%
the products that have women in them and
 

00:04:42.540 --> 00:04:45.650 align:start position:0%
the products that have women in them and
the<00:04:42.720><c> collections</c><00:04:43.139><c> as</c><00:04:43.320><c> well</c><00:04:43.639><c> and</c><00:04:44.639><c> for</c><00:04:45.360><c> us</c><00:04:45.479><c> to</c>

00:04:45.650 --> 00:04:45.660 align:start position:0%
the collections as well and for us to
 

00:04:45.660 --> 00:04:47.330 align:start position:0%
the collections as well and for us to
click<00:04:45.960><c> all</c><00:04:46.620><c> right</c>

00:04:47.330 --> 00:04:47.340 align:start position:0%
click all right
 

00:04:47.340 --> 00:04:51.290 align:start position:0%
click all right
that's<00:04:48.120><c> basically</c><00:04:48.660><c> it</c><00:04:49.139><c> in</c><00:04:49.440><c> terms</c><00:04:49.740><c> of</c><00:04:50.220><c> um</c><00:04:50.300><c> what</c>

00:04:51.290 --> 00:04:51.300 align:start position:0%
that's basically it in terms of um what
 

00:04:51.300 --> 00:04:52.969 align:start position:0%
that's basically it in terms of um what
is<00:04:51.479><c> available</c><00:04:51.660><c> but</c><00:04:52.259><c> obviously</c><00:04:52.560><c> you</c><00:04:52.680><c> want</c><00:04:52.800><c> to</c>

00:04:52.969 --> 00:04:52.979 align:start position:0%
is available but obviously you want to
 

00:04:52.979 --> 00:04:55.550 align:start position:0%
is available but obviously you want to
test<00:04:53.160><c> also</c><00:04:53.639><c> the</c><00:04:54.000><c> the</c><00:04:54.360><c> at</c><00:04:55.020><c> the</c><00:04:55.199><c> card</c><00:04:55.320><c> and</c>

00:04:55.550 --> 00:04:55.560 align:start position:0%
test also the the at the card and
 

00:04:55.560 --> 00:04:58.370 align:start position:0%
test also the the at the card and
checkout<00:04:55.919><c> experience</c><00:04:56.400><c> all</c><00:04:56.759><c> right</c><00:04:56.960><c> so</c><00:04:57.960><c> if</c><00:04:58.199><c> you</c>

00:04:58.370 --> 00:04:58.380 align:start position:0%
checkout experience all right so if you
 

00:04:58.380 --> 00:05:00.230 align:start position:0%
checkout experience all right so if you
click<00:04:58.620><c> here</c>

00:05:00.230 --> 00:05:00.240 align:start position:0%
click here
 

00:05:00.240 --> 00:05:02.629 align:start position:0%
click here
let's<00:05:00.840><c> say</c><00:05:01.080><c> we</c><00:05:01.380><c> go</c><00:05:01.620><c> back</c><00:05:01.740><c> here</c><00:05:01.979><c> for</c><00:05:02.400><c> example</c>

00:05:02.629 --> 00:05:02.639 align:start position:0%
let's say we go back here for example
 

00:05:02.639 --> 00:05:06.590 align:start position:0%
let's say we go back here for example
and<00:05:02.880><c> click</c><00:05:03.180><c> here</c><00:05:03.800><c> uh</c><00:05:04.820><c> add</c><00:05:05.820><c> the</c><00:05:06.060><c> card</c><00:05:06.180><c> okay</c>

00:05:06.590 --> 00:05:06.600 align:start position:0%
and click here uh add the card okay
 

00:05:06.600 --> 00:05:09.409 align:start position:0%
and click here uh add the card okay
let's<00:05:06.960><c> add</c><00:05:07.199><c> the</c><00:05:07.380><c> card</c><00:05:07.560><c> you</c><00:05:08.340><c> see</c><00:05:08.580><c> this</c><00:05:09.300><c> was</c>

00:05:09.409 --> 00:05:09.419 align:start position:0%
let's add the card you see this was
 

00:05:09.419 --> 00:05:12.790 align:start position:0%
let's add the card you see this was
added<00:05:09.780><c> to</c><00:05:09.900><c> a</c><00:05:10.080><c> card</c><00:05:10.259><c> we</c><00:05:10.979><c> can</c><00:05:11.280><c> add</c><00:05:11.699><c> the</c><00:05:12.240><c> quantity</c>

00:05:12.790 --> 00:05:12.800 align:start position:0%
added to a card we can add the quantity
 

00:05:12.800 --> 00:05:16.189 align:start position:0%
added to a card we can add the quantity
okay<00:05:13.800><c> we</c><00:05:14.100><c> can</c><00:05:14.280><c> go</c><00:05:14.460><c> to</c><00:05:14.639><c> two</c><00:05:14.880><c> right</c><00:05:15.360><c> and</c><00:05:15.840><c> then</c><00:05:15.960><c> we</c>

00:05:16.189 --> 00:05:16.199 align:start position:0%
okay we can go to two right and then we
 

00:05:16.199 --> 00:05:18.590 align:start position:0%
okay we can go to two right and then we
can<00:05:16.380><c> if</c><00:05:17.040><c> you</c><00:05:17.160><c> have</c><00:05:17.280><c> a</c><00:05:17.400><c> coupon</c><00:05:17.580><c> code</c><00:05:17.940><c> you</c><00:05:18.419><c> can</c>

00:05:18.590 --> 00:05:18.600 align:start position:0%
can if you have a coupon code you can
 

00:05:18.600 --> 00:05:19.790 align:start position:0%
can if you have a coupon code you can
add<00:05:18.780><c> it</c><00:05:18.960><c> here</c>

00:05:19.790 --> 00:05:19.800 align:start position:0%
add it here
 

00:05:19.800 --> 00:05:22.010 align:start position:0%
add it here
so<00:05:20.280><c> we</c><00:05:20.460><c> can</c><00:05:20.580><c> see</c><00:05:20.759><c> that</c><00:05:21.000><c> the</c><00:05:21.180><c> the</c><00:05:21.419><c> CLI</c>

00:05:22.010 --> 00:05:22.020 align:start position:0%
so we can see that the the CLI
 

00:05:22.020 --> 00:05:23.170 align:start position:0%
so we can see that the the CLI
scaffolded

00:05:23.170 --> 00:05:23.180 align:start position:0%
scaffolded
 

00:05:23.180 --> 00:05:26.090 align:start position:0%
scaffolded
pretty<00:05:24.180><c> much</c><00:05:24.300><c> complete</c>

00:05:26.090 --> 00:05:26.100 align:start position:0%
pretty much complete
 

00:05:26.100 --> 00:05:28.730 align:start position:0%
pretty much complete
um<00:05:26.419><c> storefront</c><00:05:27.419><c> for</c><00:05:27.660><c> us</c><00:05:27.780><c> and</c><00:05:28.380><c> one</c><00:05:28.620><c> thing</c>

00:05:28.730 --> 00:05:28.740 align:start position:0%
um storefront for us and one thing
 

00:05:28.740 --> 00:05:31.249 align:start position:0%
um storefront for us and one thing
that's<00:05:28.979><c> important</c><00:05:29.400><c> to</c><00:05:29.699><c> know</c><00:05:29.880><c> about</c><00:05:30.300><c> Shopify</c>

00:05:31.249 --> 00:05:31.259 align:start position:0%
that's important to know about Shopify
 

00:05:31.259 --> 00:05:35.090 align:start position:0%
that's important to know about Shopify
hydrogen<00:05:32.100><c> is</c><00:05:33.000><c> that</c><00:05:33.300><c> Shopify</c><00:05:33.960><c> allows</c><00:05:34.560><c> you</c><00:05:34.680><c> to</c>

00:05:35.090 --> 00:05:35.100 align:start position:0%
hydrogen is that Shopify allows you to
 

00:05:35.100 --> 00:05:37.129 align:start position:0%
hydrogen is that Shopify allows you to
customize<00:05:35.699><c> pretty</c><00:05:36.000><c> much</c><00:05:36.180><c> every</c><00:05:36.539><c> aspect</c><00:05:36.960><c> of</c>

00:05:37.129 --> 00:05:37.139 align:start position:0%
customize pretty much every aspect of
 

00:05:37.139 --> 00:05:39.650 align:start position:0%
customize pretty much every aspect of
your<00:05:37.320><c> store</c><00:05:37.759><c> except</c><00:05:38.759><c> the</c><00:05:38.940><c> checkout</c><00:05:39.240><c> to</c><00:05:39.479><c> check</c>

00:05:39.650 --> 00:05:39.660 align:start position:0%
your store except the checkout to check
 

00:05:39.660 --> 00:05:42.469 align:start position:0%
your store except the checkout to check
out<00:05:39.840><c> is</c><00:05:40.139><c> still</c><00:05:40.380><c> handled</c><00:05:40.979><c> by</c><00:05:41.340><c> Shopify</c><00:05:42.060><c> so</c>

00:05:42.469 --> 00:05:42.479 align:start position:0%
out is still handled by Shopify so
 

00:05:42.479 --> 00:05:45.110 align:start position:0%
out is still handled by Shopify so
that's<00:05:42.900><c> very</c><00:05:43.139><c> important</c><00:05:43.500><c> to</c><00:05:43.800><c> know</c>

00:05:45.110 --> 00:05:45.120 align:start position:0%
that's very important to know
 

00:05:45.120 --> 00:05:47.629 align:start position:0%
that's very important to know
um<00:05:45.180><c> as</c><00:05:45.780><c> a</c><00:05:46.259><c> time</c><00:05:46.440><c> of</c><00:05:46.620><c> recording</c><00:05:46.979><c> this</c><00:05:47.100><c> video</c><00:05:47.340><c> I</c>

00:05:47.629 --> 00:05:47.639 align:start position:0%
um as a time of recording this video I
 

00:05:47.639 --> 00:05:50.570 align:start position:0%
um as a time of recording this video I
don't<00:05:47.759><c> think</c><00:05:47.940><c> Shopify</c><00:05:48.919><c> hydrogen</c><00:05:49.919><c> allows</c><00:05:50.520><c> you</c>

00:05:50.570 --> 00:05:50.580 align:start position:0%
don't think Shopify hydrogen allows you
 

00:05:50.580 --> 00:05:53.150 align:start position:0%
don't think Shopify hydrogen allows you
to<00:05:50.759><c> have</c><00:05:50.940><c> a</c><00:05:51.180><c> custom</c><00:05:51.360><c> checkout</c><00:05:52.020><c> experience</c><00:05:52.620><c> so</c>

00:05:53.150 --> 00:05:53.160 align:start position:0%
to have a custom checkout experience so
 

00:05:53.160 --> 00:05:55.249 align:start position:0%
to have a custom checkout experience so
you'll<00:05:53.820><c> still</c><00:05:54.000><c> have</c><00:05:54.180><c> to</c><00:05:54.360><c> customize</c><00:05:54.780><c> the</c>

00:05:55.249 --> 00:05:55.259 align:start position:0%
you'll still have to customize the
 

00:05:55.259 --> 00:05:58.249 align:start position:0%
you'll still have to customize the
checkout<00:05:55.800><c> experience</c><00:05:56.280><c> using</c>

00:05:58.249 --> 00:05:58.259 align:start position:0%
checkout experience using
 

00:05:58.259 --> 00:06:00.710 align:start position:0%
checkout experience using
um<00:05:58.460><c> other</c><00:05:59.460><c> things</c><00:05:59.699><c> that</c><00:06:00.000><c> are</c><00:06:00.120><c> provided</c><00:06:00.479><c> in</c>

00:06:00.710 --> 00:06:00.720 align:start position:0%
um other things that are provided in
 

00:06:00.720 --> 00:06:02.870 align:start position:0%
um other things that are provided in
your<00:06:00.840><c> Shopify</c><00:06:01.259><c> Plus</c><00:06:01.560><c> account</c><00:06:01.860><c> like</c>

00:06:02.870 --> 00:06:02.880 align:start position:0%
your Shopify Plus account like
 

00:06:02.880 --> 00:06:05.510 align:start position:0%
your Shopify Plus account like
hey<00:06:03.720><c> um</c><00:06:03.720><c> check</c><00:06:03.960><c> out</c><00:06:04.139><c> extensibility</c><00:06:04.979><c> and</c><00:06:05.340><c> stuff</c>

00:06:05.510 --> 00:06:05.520 align:start position:0%
hey um check out extensibility and stuff
 

00:06:05.520 --> 00:06:07.850 align:start position:0%
hey um check out extensibility and stuff
like<00:06:05.699><c> that</c><00:06:05.940><c> but</c><00:06:06.840><c> the</c><00:06:07.080><c> yeah</c><00:06:07.320><c> at</c><00:06:07.500><c> the</c><00:06:07.620><c> time</c><00:06:07.680><c> of</c>

00:06:07.850 --> 00:06:07.860 align:start position:0%
like that but the yeah at the time of
 

00:06:07.860 --> 00:06:10.370 align:start position:0%
like that but the yeah at the time of
recording<00:06:08.280><c> you</c><00:06:08.460><c> cannot</c><00:06:08.759><c> create</c><00:06:09.060><c> a</c><00:06:10.020><c> checkout</c>

00:06:10.370 --> 00:06:10.380 align:start position:0%
recording you cannot create a checkout
 

00:06:10.380 --> 00:06:13.969 align:start position:0%
recording you cannot create a checkout
page<00:06:10.800><c> on</c><00:06:11.580><c> your</c><00:06:11.759><c> on</c><00:06:11.940><c> your</c><00:06:12.259><c> on</c><00:06:13.259><c> your</c><00:06:13.440><c> storefront</c>

00:06:13.969 --> 00:06:13.979 align:start position:0%
page on your on your on your storefront
 

00:06:13.979 --> 00:06:16.070 align:start position:0%
page on your on your on your storefront
and<00:06:14.220><c> handle</c><00:06:14.699><c> the</c><00:06:14.880><c> checkout</c><00:06:15.240><c> experience</c><00:06:15.600><c> via</c>

00:06:16.070 --> 00:06:16.080 align:start position:0%
and handle the checkout experience via
 

00:06:16.080 --> 00:06:18.529 align:start position:0%
and handle the checkout experience via
API<00:06:16.680><c> calls</c><00:06:17.100><c> that's</c><00:06:17.280><c> not</c><00:06:17.580><c> possible</c>

00:06:18.529 --> 00:06:18.539 align:start position:0%
API calls that's not possible
 

00:06:18.539 --> 00:06:21.409 align:start position:0%
API calls that's not possible
so<00:06:19.080><c> that's</c><00:06:19.680><c> pretty</c><00:06:19.979><c> much</c><00:06:20.160><c> it</c><00:06:20.400><c> as</c><00:06:20.880><c> far</c><00:06:21.060><c> as</c><00:06:21.180><c> the</c>

00:06:21.409 --> 00:06:21.419 align:start position:0%
so that's pretty much it as far as the
 

00:06:21.419 --> 00:06:25.070 align:start position:0%
so that's pretty much it as far as the
the<00:06:21.720><c> uh</c><00:06:21.960><c> the</c><00:06:22.259><c> demo</c><00:06:22.620><c> store</c><00:06:23.120><c> goes</c><00:06:24.120><c> the</c><00:06:24.419><c> Shopify</c>

00:06:25.070 --> 00:06:25.080 align:start position:0%
the uh the demo store goes the Shopify
 

00:06:25.080 --> 00:06:28.670 align:start position:0%
the uh the demo store goes the Shopify
hydrogen<00:06:25.800><c> demo</c><00:06:26.280><c> store</c><00:06:26.400><c> okay</c><00:06:27.180><c> so</c><00:06:27.960><c> this</c><00:06:28.440><c> was</c>

00:06:28.670 --> 00:06:28.680 align:start position:0%
hydrogen demo store okay so this was
 

00:06:28.680 --> 00:06:31.730 align:start position:0%
hydrogen demo store okay so this was
just<00:06:28.979><c> a</c><00:06:29.400><c> quick</c><00:06:29.639><c> uh</c><00:06:30.240><c> run</c><00:06:30.539><c> through</c><00:06:30.720><c> of</c><00:06:31.199><c> what</c><00:06:31.560><c> it</c>

00:06:31.730 --> 00:06:31.740 align:start position:0%
just a quick uh run through of what it
 

00:06:31.740 --> 00:06:35.029 align:start position:0%
just a quick uh run through of what it
looks<00:06:32.100><c> like</c><00:06:32.280><c> from</c><00:06:32.940><c> a</c><00:06:33.180><c> user</c><00:06:33.479><c> perspective</c><00:06:34.039><c> in</c>

00:06:35.029 --> 00:06:35.039 align:start position:0%
looks like from a user perspective in
 

00:06:35.039 --> 00:06:37.249 align:start position:0%
looks like from a user perspective in
the<00:06:35.160><c> next</c><00:06:35.340><c> video</c><00:06:35.639><c> we</c><00:06:36.180><c> are</c><00:06:36.300><c> going</c><00:06:36.419><c> to</c><00:06:36.539><c> study</c><00:06:36.960><c> the</c>

00:06:37.249 --> 00:06:37.259 align:start position:0%
the next video we are going to study the
 

00:06:37.259 --> 00:06:40.490 align:start position:0%
the next video we are going to study the
architecture<00:06:37.919><c> of</c><00:06:38.520><c> this</c><00:06:39.419><c> hydrogen</c><00:06:39.900><c> demo</c><00:06:40.319><c> store</c>

00:06:40.490 --> 00:06:40.500 align:start position:0%
architecture of this hydrogen demo store
 

00:06:40.500 --> 00:06:43.550 align:start position:0%
architecture of this hydrogen demo store
and<00:06:40.919><c> see</c><00:06:41.160><c> what</c><00:06:41.880><c> is</c><00:06:42.060><c> happening</c><00:06:42.419><c> at</c><00:06:42.900><c> a</c><00:06:43.080><c> very</c><00:06:43.319><c> high</c>

00:06:43.550 --> 00:06:43.560 align:start position:0%
and see what is happening at a very high
 

00:06:43.560 --> 00:06:46.129 align:start position:0%
and see what is happening at a very high
level<00:06:43.740><c> okay</c><00:06:44.280><c> and</c><00:06:45.000><c> then</c><00:06:45.180><c> in</c><00:06:45.360><c> subsequent</c><00:06:45.960><c> videos</c>

00:06:46.129 --> 00:06:46.139 align:start position:0%
level okay and then in subsequent videos
 

00:06:46.139 --> 00:06:47.930 align:start position:0%
level okay and then in subsequent videos
as<00:06:46.440><c> well</c><00:06:46.620><c> we're</c><00:06:46.800><c> gonna</c><00:06:46.979><c> drill</c><00:06:47.280><c> down</c><00:06:47.460><c> in</c>

00:06:47.930 --> 00:06:47.940 align:start position:0%
as well we're gonna drill down in
 

00:06:47.940 --> 00:06:51.290 align:start position:0%
as well we're gonna drill down in
specific<00:06:48.479><c> like</c><00:06:49.020><c> how</c><00:06:49.380><c> they</c><00:06:49.560><c> handle</c><00:06:49.860><c> SEO</c><00:06:50.520><c> how</c>

00:06:51.290 --> 00:06:51.300 align:start position:0%
specific like how they handle SEO how
 

00:06:51.300 --> 00:06:53.450 align:start position:0%
specific like how they handle SEO how
they<00:06:51.479><c> handle</c><00:06:51.900><c> uh</c><00:06:52.319><c> redirection</c><00:06:52.800><c> how</c><00:06:53.280><c> they</c>

00:06:53.450 --> 00:06:53.460 align:start position:0%
they handle uh redirection how they
 

00:06:53.460 --> 00:06:54.830 align:start position:0%
they handle uh redirection how they
handle

00:06:54.830 --> 00:06:54.840 align:start position:0%
handle
 

00:06:54.840 --> 00:06:56.330 align:start position:0%
handle
um

00:06:56.330 --> 00:06:56.340 align:start position:0%
um
 

00:06:56.340 --> 00:06:58.070 align:start position:0%
um
it's<00:06:56.880><c> a</c><00:06:57.120><c> localization</c><00:06:57.720><c> and</c>

00:06:58.070 --> 00:06:58.080 align:start position:0%
it's a localization and
 

00:06:58.080 --> 00:06:59.870 align:start position:0%
it's a localization and
internationalization<00:06:58.979><c> and</c><00:06:59.400><c> stuff</c><00:06:59.580><c> like</c><00:06:59.759><c> that</c>

00:06:59.870 --> 00:06:59.880 align:start position:0%
internationalization and stuff like that
 

00:06:59.880 --> 00:07:03.110 align:start position:0%
internationalization and stuff like that
so<00:07:00.120><c> we're</c><00:07:00.240><c> gonna</c><00:07:00.919><c> go</c><00:07:01.919><c> into</c><00:07:02.100><c> into</c><00:07:02.580><c> the</c><00:07:02.880><c> very</c>

00:07:03.110 --> 00:07:03.120 align:start position:0%
so we're gonna go into into the very
 

00:07:03.120 --> 00:07:05.210 align:start position:0%
so we're gonna go into into the very
specifics<00:07:03.780><c> of</c><00:07:04.380><c> things</c><00:07:04.560><c> that</c><00:07:04.740><c> are</c><00:07:04.860><c> happening</c>

00:07:05.210 --> 00:07:05.220 align:start position:0%
specifics of things that are happening
 

00:07:05.220 --> 00:07:08.090 align:start position:0%
specifics of things that are happening
here<00:07:05.639><c> and</c><00:07:06.479><c> in</c><00:07:06.660><c> subsequent</c><00:07:07.319><c> videos</c><00:07:07.560><c> as</c><00:07:07.860><c> well</c>

00:07:08.090 --> 00:07:08.100 align:start position:0%
here and in subsequent videos as well
 

00:07:08.100 --> 00:07:10.730 align:start position:0%
here and in subsequent videos as well
we're<00:07:08.340><c> gonna</c><00:07:08.460><c> in</c><00:07:09.000><c> in</c><00:07:09.300><c> in</c><00:07:09.600><c> enhance</c><00:07:10.199><c> this</c><00:07:10.440><c> with</c>

00:07:10.730 --> 00:07:10.740 align:start position:0%
we're gonna in in in enhance this with
 

00:07:10.740 --> 00:07:13.990 align:start position:0%
we're gonna in in in enhance this with
Integrations<00:07:11.340><c> things</c><00:07:12.060><c> like</c><00:07:12.240><c> integrating</c><00:07:12.720><c> to</c>

00:07:13.990 --> 00:07:14.000 align:start position:0%
Integrations things like integrating to
 

00:07:14.000 --> 00:07:17.450 align:start position:0%
Integrations things like integrating to
CMS<00:07:15.000><c> like</c><00:07:15.240><c> strappy</c><00:07:15.840><c> or</c><00:07:16.259><c> contentful</c><00:07:16.860><c> and</c><00:07:17.280><c> stuff</c>

00:07:17.450 --> 00:07:17.460 align:start position:0%
CMS like strappy or contentful and stuff
 

00:07:17.460 --> 00:07:21.110 align:start position:0%
CMS like strappy or contentful and stuff
like<00:07:17.639><c> that</c><00:07:17.880><c> and</c><00:07:18.660><c> a</c><00:07:18.960><c> lot</c><00:07:19.139><c> more</c><00:07:19.319><c> the</c><00:07:20.280><c> console</c><00:07:20.699><c> if</c>

00:07:21.110 --> 00:07:21.120 align:start position:0%
like that and a lot more the console if
 

00:07:21.120 --> 00:07:22.309 align:start position:0%
like that and a lot more the console if
you're<00:07:21.300><c> interested</c><00:07:21.720><c> in</c><00:07:21.900><c> this</c><00:07:22.080><c> kind</c><00:07:22.199><c> of</c>

00:07:22.309 --> 00:07:22.319 align:start position:0%
you're interested in this kind of
 

00:07:22.319 --> 00:07:23.930 align:start position:0%
you're interested in this kind of
content<00:07:22.680><c> please</c><00:07:22.919><c> subscribe</c><00:07:23.400><c> to</c><00:07:23.580><c> the</c><00:07:23.699><c> channel</c>

00:07:23.930 --> 00:07:23.940 align:start position:0%
content please subscribe to the channel
 

00:07:23.940 --> 00:07:26.809 align:start position:0%
content please subscribe to the channel
and<00:07:24.840><c> uh</c><00:07:25.020><c> I</c><00:07:25.319><c> hope</c><00:07:25.440><c> you</c><00:07:25.560><c> enjoy</c><00:07:25.860><c> the</c><00:07:26.039><c> ride</c><00:07:26.160><c> thank</c>

00:07:26.809 --> 00:07:26.819 align:start position:0%
and uh I hope you enjoy the ride thank
 

00:07:26.819 --> 00:07:28.129 align:start position:0%
and uh I hope you enjoy the ride thank
you<00:07:26.940><c> for</c><00:07:27.060><c> watching</c><00:07:27.419><c> and</c><00:07:27.599><c> I'll</c><00:07:27.720><c> see</c><00:07:27.840><c> you</c><00:07:27.960><c> in</c><00:07:28.020><c> the</c>

00:07:28.129 --> 00:07:28.139 align:start position:0%
you for watching and I'll see you in the
 

00:07:28.139 --> 00:07:30.290 align:start position:0%
you for watching and I'll see you in the
next<00:07:28.199><c> one</c><00:07:28.380><c> cheers</c>

00:07:30.290 --> 00:07:30.300 align:start position:0%
next one cheers
 

00:07:30.300 --> 00:07:33.199 align:start position:0%
next one cheers
foreign