Staging site for Live Store

Solved
brb
New Member
2 0 1

I want to create a staging site for my store to do the updates and fixes before pushing it to live.

 

From the documents that I have read, I did noticed that Shopify doesn't runs itself in local system. Any changes that we make gets uploaded to the store and gets rendered there.

This means, I can't do any tests in my store, as it gets reflected to live. This is the case that I don't want.

 

What I am trying to achieve?

Say, I have a Shopify Store that is live, like abc.shopify.com

I wan't to setup a staging store, say xyz.shopify.com that exactly replicate the live store abc.shopify.com

So that, any updates/features that I want to implement in live site, will first implement is staging site to make sure everything is perfect. And finally upload to the live site.

 

Is this possible or is there a different approach to achieve this?

Being a new to Shopify, I might have missed/unknown about the development approach.

 

 

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
11501 1804 2308

This is an accepted solution.

Hello 

 

 

 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing

View solution in original post

Replies 11 (11)
oscprofessional
Shopify Partner
11501 1804 2308

This is an accepted solution.

Hello 

 

 

 

 

Please Like and Accept Solution. Free website audit to grow your business Chat on WhatsApp | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87 | Hire us | Expert Site Speed Optimization | Performance Site Audit | Shopify Private App | Custom Theme Development & Modifications any Shopify Theme | Shopify SEO | Digital Marketing
brb
New Member
2 0 1

Hello Pallavi,

Thanks. Your instruction helped me to find the solution that I was looking after.

kagan
New Member
1 0 1

Is this only for design of the store and not for using an app that changes the site?

jaydeephirani
New Member
1 0 4

What if I have to change some data on Products and test it on staging site?

Changing any data on products like adding variant will reflect changes on production site. So do I make sure that modification to product data is reflected only to staging site and not on production site.

 

SeanMason
Tourist
3 0 3

This is exactly what I am interested in too...  I want to be able to experiment with other products, apps, pages and more.  

Greg_Kujawa
Shopify Partner
1020 83 262

To keep things clean, you'd need a separate Shopify shop if you want to create/modify products, create orders, etc. and not affect your production shop. Easiest thing to do is join the Shopify partner program --> https://developers.shopify.com/. Then you can have a development store to test things out on. 

Hope this helps!

michael-helium
Shopify Expert
255 2 135

Some Shopify developers recently discussed this in a different channel:

Rumen D.
Here is my simple setup:
After setting up the themekit config file I initialize a git repo and download the live theme.
Then I duplicate it in the shopify admin and call that “the dev/staging env”
Then I run themekit watch for the dev environment and it automatically pushes the changes I perform to my local files back to the server.
Previewing the development unpublished theme is the way I see the results of the changes I do with my local code editor.
Meaningful changes are committed to the git repo.
Rick D.
We use a combination of preview themes in the production store and themes in a “duplicate” development store, depending on the scope of the feature being developed. We use quickshot to interact with the themes locally via a private app and a custom app to deploy merged github pull requests and run post-deploy front-end tests..
Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (265 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (217 reviews)
brendonwbrown
Shopify Partner
13 1 12

Hey @michael-helium would you connect me to this "different channel"? I am specifically interested in understanding how teams manage the jump from development to production, especially with apps dropping code willy nilly.

michael-helium
Shopify Expert
255 2 135

@brendonwbrown 

Lol @ "apps dropping code willy nilly". We're actually publishing a blog series (this week?) on best practices for protecting theme code when installing apps. In short, duplicate your theme before installing any app as it's impossible to know how that app will affect your theme prior to installation. DM me if you want a link to the blogs after they go live.

The channel I mentioned previously is the Shopify Partners Slack Community. If you are a Shopify Partner you can find the link in Partner dashboard > Support.

Michael, COO @ Helium
- Customer Fields ✪✪✪✪✪ (265 reviews)
- Meteor Mega Menu ✪✪✪✪✪ (217 reviews)
Dank13
Tourist
10 0 6

Yeah that works/kinda

My problem is the preview is not 100% preview as on my staging site, I'm using different templates for the pages so when i do a preview on the live site i'm currently using a template from the current theme, i can't select the new template from the new theme because: 1 it doesn't show on the list and 2 because it will affect the live site.

So this is not 100% separate staging site.

Screen Shot 2021-09-23 at 12.26.20.pngScreen Shot 2021-09-23 at 12.27.28.png

neilm
New Member
1 0 0

Yes, but you cannot install paid apps in a development store. The dev stores are primarily for testing out apps that you are building in a separate space.

 

I have been searching around for a way to do a true staging site and it looks like it might only be possible with another Shopify store that paid apps are installed on and paid for on the second instance as well.