How can I showcase a working example of my past web development work, without linking to the constantly changing live site?

Question

Whenever I design a website, I think it's useful to not only show screen captures but also coding abilities. Unfortunately, most of the time, clients end up editing websites themselves and if they're not paying me for maintenance, the site will lose some of its appeal which doesn't make me too fond of inserting URLs in my portfolio. 1. Are there any best practices to showcase web design/UI (that is actually working and not a simple screen capture)? 2. Do you keep an offline copy to show clients? 3. How do you link it to your existing website (Behance or other)?

Answer 1

You can always create a 'shadow' site, that is a duplicate of the original, and change the names of the pages.

IE Original site Index.html, page1.html, page2.html, etc.

Shadow site Index1.html, page1s.html, page2s.html, etc. All the links redirect to the shadow pages.