How to preview single page in local development

I am doing theme development locally and see my home page on 127.0.0.1 and can change code on VSCode and see changes - all good.

I have some pages that are not linked to anything yet and I’d like to be able to preview a single page locally. I can go to the theme editor and get to the page but would prefer to work locally. How do I derive the url to use (i.e., 127.0.0.1/9292/someURL-for-a-page)?

Hi Chandbooth,

To view a page that’s not linked on the main navigation you can append the path that you’d find in the admin to your local host url. EG: if I have a static page on my store and I navigate to the content editor area in the admin, I’d find the path in the “Search engine listing preview” section under “URL and handle”:

So in this case to see this page in my local dev environment I’d load www.127.0.0.1/9292/pages/test

Hope this helps,

1 Like

Perfect - I’m back in business - thanks!

1 Like