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
Storefront Starter Variables table
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 file
Finally, run yarn dev and navigate to localhost:8080 to view your Storefront locally on your machine.