# Starting with Builder.io + Shopify + Gatsby

**URL:** https://forum.builder.io/t/starting-with-builder-io-shopify-gatsby/198
**Category:** Technical Questions
**Tags:** getting-started, integration
**Created:** [September 21, 2020, 6:07am UTC](https://forum.builder.io/t/starting-with-builder-io-shopify-gatsby/198 "2020-09-21T06:07:03Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Rausa13](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@Rausa13](https://forum.builder.io/u/Rausa13)
#### Post date: [September 21, 2020, 6:07am UTC](https://forum.builder.io/t/starting-with-builder-io-shopify-gatsby/198/1 "2020-09-21T06:07:03Z")

</div>

Hi,

I’ve been back and forth with a few people on that chat messenger and was advised to bring it to the forum, so here we are!

I’m trying to accomplish setting up this Gatsby Starter: [https://github.com/BuilderIO/gatsby-shopify-builder-starter-minimal](https://github.com/BuilderIO/gatsby-shopify-builder-starter-minimal)

Because of the last 5 commits that was mentioned by the team it seems like a perfect starting point and exactly what I need.

This issue is when using the starter, it doesn’t come with the link to generate the required builder modals that the original Gatsby + [builder.io](http://builder.io) starter provides from : [https://builder.io/fork-sample-org](https://builder.io/fork-sample-org).

Without this I have found it quite complicated to get this specific starter setup and working.

If there is a type of link to generate the required modals and pages for the mentioned starter that would be great, or any other help I can get.

Thanks,

---

<div class="post-metadata">

### Author: ![kara](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/kara/32/80_2.png) [@kara](https://forum.builder.io/u/kara)
#### Post date: [September 23, 2020, 4:35pm UTC](https://forum.builder.io/t/starting-with-builder-io-shopify-gatsby/198/2 "2020-09-23T16:35:16Z")

</div>

To use that starter you need to add the needed models. From [https://builder.io/models:](https://builder.io/models:)

1. Create a model named Global Component with the “Component” type and set the editing url to [http://localhost:8000](http://localhost:8000/).

2. Create a model named Landing Page with the “Page” type and set the editing url to [http://localhost:8000](http://localhost:8000/).

3. Create a model named Page with the “Page” type and set the editing url to [http://localhost:8000](http://localhost:8000/).

4. Finally, create a model named Product Page with the “component” type and set the editing url to [http://localhost:8000/products/some-product-handle-of-yours](http://localhost:8000/products/some-product-handle-of-yours).

If you’re running into difficulty, we do have a more robust starter coming in the next few weeks and a bunch of getting started docs that will provide guidance as well. We’ll follow up when it’s released!

---

<div class="post-metadata">

### Author: ![Rausa13](https://avatars.discourse-cdn.com/v4/letter/r/f14d63/32.png) [@Rausa13](https://forum.builder.io/u/Rausa13)
#### Post date: [September 24, 2020, 7:09am UTC](https://forum.builder.io/t/starting-with-builder-io-shopify-gatsby/198/3 "2020-09-24T07:09:21Z")

</div>

Hi!

That is perfect, exactly what I was looking for. This starter makes more sense now, I didn’t know you were registering components from the starter that appear to be used in the [builder.io](http://builder.io) page.

My only last confusion would be registering components from [Builder.io](http://Builder.io) into the gatsby code. I have a component js file that looks like this, and wanting to import this into the navigation. Not sure if this is the right code for implementing builder components into gatsby.

 ![Screen Shot 2020-09-24 at 4.07.12 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/1X/5bbc350adf0f3ab919ebd79c8c3bce37574a8268.png)

Thanks, this is great help here!
