{"componentChunkName":"component---src-templates-campaign-post-js","path":"/product-updates/90267d43de","webpackCompilationHash":"c6b5b6157647393bc037","result":{"data":{"site":{"siteMetadata":{"title":"Deployment previews for UI/UX teams ยท FeaturePeek","author":"Jason Barry"}},"mailchimpCampaign":{"html":"\n\n \n \n \n \n \n \n *|MC:SUBJECT|*\n \n \n \n \n *|MC_PREVIEW_TEXT|*\n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

In case you missed it

\n\n

Product updates and highlights

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n Log in to FeaturePeek\n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿคน๐Ÿปโ€โ™€๏ธ Multiple front-ends per PR

\n\n

Each pull request can now spin up multiple front-ends. This is great if you have additional front-end services (like Storybook) that you'd like to preview as well before merging your code in. Each front-end service appears in your GitHub PR statuses. Adding additional front-ends is as easy as adding a few keys in your peek.yml file โ€” check out our documentation to see what to add to your config file.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ”‘ Stay logged in to your app across FeaturePeek environments

\n\n

If your front-end app authenticates with Auth0 or some other authentication mechanism, you will remain logged in to your account, even across FeaturePeek environments created from different pull requests. Whether your authentication token is saved in a cookie or local storage, you'll stay logged in for the duration your app specifies. Read about this and more in our changelog.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ‘ฎ๐Ÿพโ€โ™‚๏ธ Tighter CORS security for your apps

\n\n

Now every project on FeaturePeek has an invariant origin URI, so your API can whitelist one specific FeaturePeek host instead of using a global wildcard. No matter the amounts of environments you spin up, each project will be hosted on a consistent subdomain. Previously, you had to whitelist *.app.featurepeek.com to enable CORS from FeaturePeek โ€” now you can be more specific by allowing e.g. main-abcd123-example.app.featurepeek.com. Check your project settings in your dashboard to find out what your project's origin URI is.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ’ˆ Streaming statuses

\n\n

FeaturePeek now exposes more information about the status of your environments while they spin up and tear down. As they start up, you'll see a progress bar detailing the current step of the boot process in real-time. When it's ready, the screen will lift upwards, revealing your front-end's latest changes. This enables you to share FeaturePeek links before your environments have fully spun up. You don't have to wait for your CI to finish before asking for feedback from your reviewers. In the case of a boot error, you'll have more insight into what step went wrong and how you can fix it. Read our changelog for more details about streaming statuses.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ’Œ Weekly activity email digests

\n\n

Wondering who on your team does the most spot-checking? Teams of three or greater now receive a summary of their weekly activity on FeaturePeek, like how many environments are created, who views the most pages, and how long it takes your team on average to merge in a PR. You can change your email preferences on your account settings page.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n
Thanks for reading!
\nHead to your FeaturePeek dashboard to try these new features out for yourself. 
\n 
\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n Log in to FeaturePeek\n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"GitHub\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Twitter\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"LinkedIn\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Website\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Email\"\n
\n
\n
\n \n \n \n \n
\n
\n
\n\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n Copyright ยฉ *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.
\n*|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*
\n
\nOur mailing address is:
\n*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
\n
\nWant to change how you receive these emails?
\nYou can update your preferences or unsubscribe from this list.
\n
\n*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n
\n \n
\n
\n \n\n","settings":{"preview_text":"ICYMI, check out these 5 new features that we recently released.ย ","subject_line":"Product Updates: Multiple front-ends, persistent logins, and streaming statuses","title":"Product Updates: Multiple front-ends, persistent logins, and streaming statuses"},"campaignId":"90267d43de","send_time":"December 06, 2019","status":"sent"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"90267d43de","postPath":"/product-updates/90267d43de","previous":{"html":"\n\n \n \n \n \n \n \n *|MC:SUBJECT|*\n \n \n \n \n *|MC_PREVIEW_TEXT|*\n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

In case you missed it

\n\n

Product updates and highlights

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

๐Ÿšจ Create a new issue

\n\n

Sometimes you'll find a bug unrelated to the pull request that you're reviewing. Instead of leaving a comment inline on the PR, you can now create a new issue on the repo itself โ€“ directly from the running FeaturePeek environment. You can assign members of your org, apply labels, and attach screenshots and screen recordings to your issue. Read our changelog for more details.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ“ Measure distance between elements

\n\n

You can now hold down the โŒฅ Option key (Alt key on Windows) to measure the pixel distance between elements, just like in Figma. Simply Option-click on any element, and hover over another โ€” the X and Y values will be displayed on the screen.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ’ฌ Preview markdown comments

\n\n

You should feel right at home with our new comment form โ€” it's modeled after GitHub's. Not only can you preview what your markdown-formatted comment will look like before you submit it, but you can also upload multiple attachments per comment or issue.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ“ Quick quote by selecting text

\n\n

A quick way to leave feedback on the content of a page is to use the new Quick Quote tool. Just highlight any text on a page, and a Medium-style tooltip will appear. Select whether you'd like to create a new comment on the pull request or a new issue on the repo, and your selected text will be quoted for you. This is a great way to suggest copy edits to content writers on your team.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n
Thanks for reading!
\nHead to your FeaturePeek dashboard to try these new features out for yourself. 
\n 
\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n Log in to FeaturePeek\n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"GitHub\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Twitter\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"LinkedIn\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Website\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Email\"\n
\n
\n
\n \n \n \n \n
\n
\n
\n\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n Copyright ยฉ *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.
\n*|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*
\n
\nOur mailing address is:
\n*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
\n
\nWant to change how you receive these emails?
\nYou can update your preferences or unsubscribe from this list.
\n
\n*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n
\n \n
\n
\n \n\n","settings":{"preview_text":"We've been busy adding new features to every running FeaturePeek environment.","subject_line":"Product Updates: Issues, measuring, markdown previews, and more","title":"Product Updates: Issues, measurement, markdown previews, and more"},"campaignId":"4ae659390c","send_time":"2019-11-01T17:00:00+00:00","status":"sent"},"next":{"html":"\n\n \n \n \n \n \n \n *|MC:SUBJECT|*\n \n \n \n \n *|MC_PREVIEW_TEXT|*\n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

In case you missed it

\n\n

Product updates and highlights

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n
Want to tell us how we're doing? Have feature requests or bug reports? 
\nFill out our short form to let us know what we can improve for you. 
\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n Leave Feedback\n
\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

๐ŸŒณ Protected branches are always running

\n\n

In addition to running environments for pull requests, FeaturePeek now runs an environment for the latest commit of your repo's default and protected branches, like master . This is great for spot-checking a release without running it locally. If you find a bug, you can create a new issue directly from the page! You'll need to ensure that your CI runs for the branches you want to visit on FeaturePeek, of course. Visit the Dashboard to see your project's latest commit up and running.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

๐Ÿงฒ Capture JavaScript errors and exceptions

\n\n

If any of your reviewers encounter a JavaScript exception, FeaturePeek will capture it and record its stacktrace. Details of who encountered the error and their browser metadata are automatically included โ€” you can even jump to the page the error occurred on in one click. Find these error reports within the Activity pane of the widget in the bottom-left of every FeaturePeek environment.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\nโฌ†๏ธ Upload image and video attachments from disk

\n\n

You can generate screenshots and screen recordings with just a few clicks using FeaturePeek's UI โ€” but what if you wanted to attach files that were already on your hard drive? Now it's as easy as drag-and-drop. Videos will automatically get converted into animated gifs so that they display inline on GitHub pull requests and issues.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \"\"\n \n \n
\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n


\n๐Ÿ™‹โ€โ™‚๏ธ Help desk and status pages

\n\n

We know that great support is paramount โ€” that's why we've recently launched our help desk to answer frequently asked product questions, and our service status page to report uptime and any possible service interruptions. You can also access these resources in-app in the chat widget in the bottom-right corner of the Dashboard.

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n

๐ŸŒ  One more thing...

\n\n

We've got a new command-line tool in the works, and would love your feedback on it! If you'd like to get early access, subscribe on our ProductHunt page. 

\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n
Thanks for reading!
\nHead to your FeaturePeek dashboard to try these new features out for yourself. 
\n 
\n\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n \n \n \n \n
\n \n \n \n \n \n \n
\n Log in to FeaturePeek\n
\n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"GitHub\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Twitter\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"LinkedIn\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Website\"\n
\n
\n
\n \n \n \n \n \n \n \n \n \n \n
\n \n \n \n \n
\n \n \n \n \n \n \n \n
\n \"Email\"\n
\n
\n
\n \n \n \n \n
\n
\n
\n\n
\n \n \n \n \n \n
\n \n \n \n \n
\n \n
\n\n
\n \n \n \n \n \n
\n \t\n\t\t\t \n\t\t\t\t\n \n \n \n \n \n
\n \n Copyright ยฉ *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.
\n*|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*
\n
\nOur mailing address is:
\n*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*
\n
\nWant to change how you receive these emails?
\nYou can update your preferences or unsubscribe from this list.
\n
\n*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*\n
\n\t\t\t\t\n \n\t\t\t\t\n
\n \n
\n \n
\n
\n \n\n","settings":{"preview_text":"We now run the latest commit of your protected branches.ย ","subject_line":"Product Updates: Protected branches, error tracking, uploading attachments, and more","title":"Product Updates: Protected branches, error tracking, uploading attachments, and more"},"campaignId":"bc70cca2e8","send_time":"2020-02-11T18:00:00+00:00","status":"sent"}}}}