Frontend preview URLs for every PR
Deploy per-PR frontend containers connected to your pre-production backend — without DevOps overhead or Kubernetes complexity. Let stakeholders review UI changes before they hit production.
name: Preview
on:
pull_request:
types: [opened, synchronize, reopened, closed]
# Prevents race conditions
concurrency:
group: preview-${{ github.event.pull_request.number }}
cancel-in-progress: ${{ github.event.action != 'closed' }}
jobs:
preview:
runs-on: ubuntu-latest
steps:
- uses: previewkit/action@v1
with:
service-name: my-app
port: 3000
# ... Azure configurationWORKS WITH YOUR EXISTING STACK
How It Works
Four simple steps from code to preview. No DevOps team required.
PR Opened
Developer opens a pull request with their changes
Frontend Deployed
PreviewKit builds and deploys your frontend to Azure Container Apps
URL Posted
Preview URL is automatically posted as a PR comment
Auto Cleanup
Container is deleted when PR is closed or merged
What PreviewKit Is (and Isn't)
PreviewKit IS
- Per-PR frontend containers deployed to your Azure subscription
- A visual review tool for UI changes before merge
- Connected to your existing pre-production backend
- Automatic lifecycle management (deploy on PR open, cleanup on close)
PreviewKit is NOT
- An isolated sandbox — previews share your pre-prod database
- A full-stack deployment tool — backend comes from your pre-prod
- A database migration tool — data changes affect pre-prod
- A hosting service — you control your Azure infrastructure
PreviewKit is perfect for visual QA and stakeholder review of frontend changes, while your team controls the underlying infrastructure and data.
Why Teams Choose PreviewKit
Ship faster with confidence. Get stakeholder feedback before merging.
Zero DevOps Overhead
No Kubernetes, Terraform, or infrastructure expertise needed. Just add a workflow file and you're done.
Per-PR Frontend Previews
Every PR gets its own frontend container connected to your pre-prod backend. No staging bottlenecks.
Fast Deployments
Frontend containers deploy in seconds. Stakeholders can review UI changes immediately after push.
Secure by Default
Uses managed identities and OIDC authentication. No long-lived secrets or credentials.
Automatic Cleanup
Frontend containers are automatically deleted when PRs close. Scale to zero means ~$0 for idle previews.
Developer Friendly
Simple YAML configuration. Integrates seamlessly with your existing GitHub Actions workflows.
Perfect For Every Team
Enable collaboration across your entire organization
Engineering Teams
- Review frontend changes against pre-prod backend
- Catch UI bugs before they reach production
- Speed up code review cycles
Product & Design
- Review UI changes without local setup
- Give feedback directly on the PR
- Approve visual changes before merge
QA Teams
- Test frontend features on dedicated URLs
- No more waiting for staging deployments
- Verify UI fixes on specific branches
Simple, Transparent Pricing
Start free, scale as you grow. You only pay for your cloud infrastructure.
Free
Perfect for open source projects and evaluation
- 3 frontend previews
- 50 deployments/month
- PR comments
- Community support
Team
For small teams shipping fast
- 15 frontend previews
- 500 deployments/month
- Email support
- 10 repositories
Business
For teams that need reliability at scale
- 50 frontend previews
- 2,000 deployments/month
- Priority support
- 50 repositories
Enterprise
For organizations with advanced requirements
- Unlimited previews
- Priority support
- Volume discounts
- Custom contracts
All plans include automatic cleanup. Azure Container Apps resources billed separately by Microsoft.
Frontend previews scale to zero when idle — pay only for what you use.
Ready to streamline your PR workflow?
Get frontend previews running in minutes. Start free, no credit card required.