Start developing
Out of the box when you create a Pack account, you get our base Storefront. This Storefront has the bare minimum functionality to get you up and running to start shopping, checking out, and a few sections.
However, if you want to create your own unique Storefront and start editing its code to create new sections, styles, and layouts you need to clone the Storefront and start developing locally.
Cloning the Storefront to your GitHub
Connecting your GitHub Account
Go to your Pack Admin
In the sidebar click Settings > Developer.
Click Connect GitHub button.
Log in and authorize Pack App to your GitHub.
Copying the Storefront code to your GitHub
Select GitHub organization you would like to create a repo in.
To create a repo to copy to, in the search type the name of your repo.
Then click Create Repo when it appears.
Once that is done, your Storefront will rebuild and re-link to the repository that was now created in your GitHub account, and you will see a new deploy published.
Setting up your Development environment
Navigate to GitHub and clone your recently created repo.
Change directories to your cloned storefront.
Run
yarn install
.Now open your Storefront in the text editor of your choice.
Create a
.env
file at the root of the project.Go back to the Pack Admin > Settings > Developer.
Copy the variables from the Storefront Starter Variables table and paste them into your
.env
fileFinally, run
yarn dev
and navigate tolocalhost:8080
to view your Storefront locally on your machine.
Next steps
Using the Section API to create sections.
Learn about available Storefront hooks.
Check out our Shopify Hooks.
Last updated