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
For individuals and small projects
- 3 frontend previews
- 50 deployments/month
- PR comments
- Community support
Team
For growing development teams
- 15 frontend previews
- 500 deployments/month
- Priority support
- Usage analytics
Business
For larger organizations
- 50 frontend previews
- 2,000 deployments/month
- SSO integration
- Advanced analytics
Enterprise
For mission-critical workloads
- Unlimited previews
- Dedicated support
- Custom SLA
- On-premise option
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.