> ## Documentation Index
> Fetch the complete documentation index at: https://docs.antryk.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Static Services

> Deploy static websites and frontend applications globally with automatic CDN delivery, custom domains, SSL certificates, redirect rules, and production-ready hosting infrastructure.

# Static Services

Static Services allow developers to deploy modern frontend applications and static websites globally with high performance, automatic HTTPS, CDN delivery, and production-ready infrastructure.

Using Static Services, teams can host:

* React applications
* Next.js static exports
* Vue applications
* Angular apps
* Astro projects
* Documentation websites
* Marketing landing pages
* Portfolio websites
* JAMstack applications
* Static HTML/CSS/JS sites

Antryk automatically handles deployments, SSL certificates, global delivery, caching, and domain management so developers can focus on building products instead of managing infrastructure.

***

## What are Static Services?

Static Services are globally distributed frontend hosting services optimized for static assets such as HTML, CSS, JavaScript, images, and pre-rendered applications.

Unlike traditional backend services, Static Services deliver content directly through edge infrastructure and CDN caching for ultra-fast page loads and scalable traffic handling.

Every Static Service receives:

* Automatic CDN delivery
* HTTPS by default
* Global edge caching
* Custom domain support
* Instant deployments
* Production-ready infrastructure

***

## Key Features

* **Global CDN Delivery**: Fast content delivery worldwide
* **Automatic HTTPS**: SSL certificates provisioned automatically
* **Custom Domains**: Connect your own domains easily
* **Redirect Rules**: Configure redirects and URL routing
* **Instant Deployments**: Deploy directly from Git repositories
* **Atomic Deployments**: Zero downtime frontend deployments
* **Environment Variables**: Manage frontend runtime configuration
* **High Performance Caching**: Optimized asset delivery
* **Git-Based CI/CD**: Automatic deployments on Git push
* **Production-Ready Hosting**: Scalable frontend infrastructure

***

## Use Cases

* Frontend applications
* SaaS dashboards
* Marketing websites
* Product landing pages
* Documentation platforms
* JAMstack applications
* Static blogs
* Portfolio websites
* E-commerce storefronts
* Web app frontends

***

## Supported Frameworks

* **Next.js**: Full SSR and ISR support
* **Nuxt**: SSR and static generation
* **SvelteKit**: SSR and adapter support
* **Gatsby**: Static site generation
* **Vite**: Build tool integration
* **React/Vue/Angular**: Static exports

***

# Quickstart: Deploy a React Application

## Guide on deploying static service

<iframe width="100%" height="500" src="https://www.youtube.com/embed/Ai1BVMpXiBo" title="Deploy Static Website on Antryk" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />

Deploy your frontend application on Antryk in just a few clicks.

***

## Step 1: Push Your Project to GitHub

Push your frontend project to GitHub, GitLab, or Bitbucket.

Supported frameworks include:

* React
* Next.js Static Export
* Vue
* Angular
* Astro
* Vite
* Svelte
* Static HTML websites

<Tip>
  Static Services automatically detect common frontend frameworks and build
  configurations.
</Tip>

***

## Example React App Structure

```json theme={null}
// package.json
{
  "name": "frontend-app",
  "version": "1.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "start": "vite preview"
  },
  "dependencies": {
    "react": "^18.2.0"
  }
}
```

***

## Step 2: Create a Static Service

In the Antryk Dashboard:

**Sidebar → Static Services → Deploy Static Service**

***

## Step 3: Configure Your Static Service

Provide the following configuration during deployment.

***

### Service Name

Give your Static Service a professional production name.

***

### Deploy from Git Providers

* **Git Provider** — Select your Git provider
* **Repository** — Select your frontend repository
* **Branch** — Choose deployment branch
* **Framework** — Automatically detected
* **Install Command** — Example: `npm install`
* **Build Command** — Example: `npm run build`
* **Output Directory** — Example: `dist`, `build`, or `out`
* **Version** — Automatically detected runtime version

***

### Region

Choose deployment region:

* USA
* Europe
* Asia

***

### Environment Variables

Add frontend environment variables if required.

Examples:

* API URLs
* Analytics keys
* Public environment variables
* Frontend runtime configuration

***

### Configuration Summary

| Setting          | Value                        |
| ---------------- | ---------------------------- |
| Repository       | `your-username/frontend-app` |
| Branch           | `main`                       |
| Framework        | `React`                      |
| Install Command  | `npm install`                |
| Build Command    | `npm run build`              |
| Output Directory | `dist`                       |
| Version          | `18`                         |
| Region           | `us-east-1`                  |

<Tip>
  You can deploy any frontend framework by providing the correct build and
  output directory configuration.
</Tip>

***

## Step 4: Deploy

Click **Deploy** and your Static Service will automatically build and go live on its public `onantryk.com` domain.

Antryk automatically:

* Builds your frontend
* Deploys assets globally
* Enables CDN delivery
* Provisions HTTPS certificates
* Configures edge caching

<Note>
  Every push to your connected Git branch automatically triggers a new
  deployment.
</Note>

***

## Step 5: Monitor Your Deployment

Once deployed, you can:

* View deployment history
* Configure custom domains
* Add redirect rules
* Manage environment variables
* Monitor deployment status
* Configure frontend settings

<img src="https://mintcdn.com/antryk/aSOMBpiNy-zSK_aR/images/static-service-listing.png?fit=max&auto=format&n=aSOMBpiNy-zSK_aR&q=85&s=1d66fe8846a33915f8c15ea741850f91" alt="Static Services Overview" width="1842" height="879" data-path="images/static-service-listing.png" />

***

# Getting Started

1. Create a new Static Service
2. Connect your Git repository
3. Configure build settings
4. Set output directory
5. Deploy globally

***

# Console Configuration

When creating a Static Service, you can configure the following settings.

***

## Deploy from GitHub

1. **Repository** — Select your repository
2. **Branch** — Choose deployment branch
3. **Framework** — Auto-detected frontend framework
4. **Install Command** — Install dependencies
5. **Build Command** — Build frontend assets
6. **Output Directory** — Generated frontend files
7. **Version** — Runtime version

***

## Supported Framework Examples

### React / Vite

```bash theme={null}
Install Command: npm install
Build Command: npm run build
Output Directory: dist
Version: 18
```

### Next.js Static Export

```bash theme={null}
Install Command: npm install
Build Command: npm run build
Output Directory: out
Version: 18
```

### Vue

```bash theme={null}
Install Command: npm install
Build Command: npm run build
Output Directory: dist
Version: 18
```

### Angular

```bash theme={null}
Install Command: npm install
Build Command: ng build
Output Directory: dist/
Version: 18
```

### Astro

```bash theme={null}
Install Command: npm install
Build Command: npm run build
Output Directory: dist
Version: 18
```

***

# Advanced Features

Static Services support advanced production-grade capabilities.

## Included Features

* CDN edge delivery
* Asset optimization
* Automatic HTTPS
* Redirect rules
* Domain management
* Cache optimization
* Environment configuration
* Git-based CI/CD

<img src="https://mintcdn.com/antryk/aSOMBpiNy-zSK_aR/images/static-service-deployment-one.png?fit=max&auto=format&n=aSOMBpiNy-zSK_aR&q=85&s=774e9bb549f1d42e78f6303a3245e195" alt="Static Service Deployment Interface" width="1920" height="1080" data-path="images/static-service-deployment-one.png" />

<img src="https://mintcdn.com/antryk/aSOMBpiNy-zSK_aR/images/static-service-deployment-two.png?fit=max&auto=format&n=aSOMBpiNy-zSK_aR&q=85&s=cac0ba8730c724bd925974ac73ca6040" alt="Static Service Configuration" width="1920" height="1080" data-path="images/static-service-deployment-two.png" />

***

# Pricing

Static Services are billed based on:

* Build usage
* CDN bandwidth
* Storage usage
* Deployment frequency

***

# Static Service Detail Insights

Click any Static Service to open the detailed management dashboard.

This dashboard gives developers complete control over deployments, domains, redirect rules, environment variables, and production settings.

***

# Overview

The Overview tab provides a complete summary of your Static Service configuration and deployment status.

Developers can monitor:

* Production domains
* Latest deployment
* Connected repository
* Build configuration
* Framework information
* Deployment region
* Deployment timestamps

***

## Available Information

* Active production domains
* Latest deployment status
* Git repository details
* Deployment branch
* Framework runtime
* Build configuration
* Region configuration

***

## Operational Benefits

The Overview tab helps teams:

* Verify production deployments
* Review deployment metadata
* Monitor frontend infrastructure
* Validate deployment configuration

<img src="https://mintcdn.com/antryk/8HpXFOUVo7bhAHSR/images/webservice-detail-overview.png?fit=max&auto=format&n=8HpXFOUVo7bhAHSR&q=85&s=b6e75cf8b45aa36ba2cbde60782b23ab" alt="Static Service Overview Dashboard" width="1920" height="1080" data-path="images/webservice-detail-overview.png" />

***

# Deploys

The Deploys tab contains your complete frontend deployment history.

Each deployment includes:

* Deployment status
* Build logs
* Deployment duration
* Commit information
* Trigger source
* Deployment timestamp

***

## Deployment Features

* View deployment history
* Inspect failed deployments
* Review build logs
* Redeploy previous versions
* Monitor deployment performance

<Tip>
  Every Git push automatically creates a new deployment for your Static Service.
</Tip>

<img src="https://mintcdn.com/antryk/8HpXFOUVo7bhAHSR/images/webservice-detail-deploy.png?fit=max&auto=format&n=8HpXFOUVo7bhAHSR&q=85&s=02c997a6d64b3e105faaf38a2b0200b3" alt="Static Service Deployments" width="1920" height="1080" data-path="images/webservice-detail-deploy.png" />

***

# Domain Management

<Card title="Manage Your domains with domain management" icon="link" href="/domain-management">
  Get started with Domains.
</Card>

***

# Redirect Rules

<Card title="Manage Redirect Rules and URL Redirects" icon="rotate" href="/redirect-url">
  Get started with Redirect Rules.
</Card>

***

# Environment Variables

The Env tab allows you to securely manage frontend environment variables and runtime configuration.

Environment variables help manage:

* API endpoints
* Analytics configuration
* Public runtime variables
* Frontend environment settings

***

## Environment Variable Features

* Add environment variables
* Edit existing values
* Delete unused variables
* Import `.env` files
* Secure sensitive configuration

***

## Security Benefits

Environment variables improve security by:

* Keeping secrets outside source code
* Supporting environment-specific configuration
* Simplifying deployment management

<Warning>
  Never expose sensitive API keys directly inside public frontend code unless
  intended for client-side usage.
</Warning>

<img src="https://mintcdn.com/antryk/8HpXFOUVo7bhAHSR/images/webservice-env.png?fit=max&auto=format&n=8HpXFOUVo7bhAHSR&q=85&s=772d89c1e227f6e56f4c5f03c48eb863" alt="Static Service Environment Variables" width="1920" height="1080" data-path="images/webservice-env.png" />

***

# Settings

The Settings tab provides advanced service management and operational controls for your Static Service.

***

## Available Configuration

* Update service name
* Modify build configuration
* Change deployment settings
* Configure framework settings
* Manage deployment behavior

***

## Administrative Actions

* Redeploy applications
* Delete Static Services
* Update service configuration
* Modify runtime settings

***

## Operational Benefits

The Settings tab helps teams:

* Manage production frontend infrastructure
* Optimize deployments
* Configure build environments
* Control application lifecycle

<Warning>
  Deleting a Static Service permanently removes deployments, domains, redirect
  rules, and hosting configuration.
</Warning>

<img src="https://mintcdn.com/antryk/8HpXFOUVo7bhAHSR/images/webservice-settings.png?fit=max&auto=format&n=8HpXFOUVo7bhAHSR&q=85&s=2b7f17807df44db16bdd50fe0a55a670" alt="Static Service Settings" width="1920" height="1080" data-path="images/webservice-settings.png" />

***

# SEO Benefits of Static Services

Static Services are optimized for performance and search engine visibility.

Benefits include:

* Fast page load speeds
* Global CDN delivery
* HTTPS enabled by default
* Optimized frontend caching
* SEO-friendly hosting infrastructure
* Improved Core Web Vitals

This helps improve user experience and search engine rankings.

***

# Troubleshooting Static Services

## Build Failed

* Verify build commands
* Check dependency installation
* Review build logs
* Confirm framework compatibility

***

## Deployment Failed

* Verify output directory
* Ensure repository access permissions
* Check runtime version compatibility

***

## Custom Domain Not Working

* Verify DNS records
* Wait for DNS propagation
* Confirm SSL provisioning completed

***

## Redirect Rules Not Working

* Verify redirect configuration
* Ensure source and target URLs are correct
* Recheck domain verification status

***

# Static Services Overview

Static Services provide developers with scalable, high-performance frontend hosting infrastructure optimized for modern web applications.

Using Static Services, teams can:

* Deploy frontend applications globally
* Configure custom domains
* Add redirect rules
* Enable HTTPS automatically
* Manage frontend deployments
* Optimize website performance
* Scale globally with CDN delivery

<Card title="Deploy Your First Static Service" icon="rocket" href="/quickstart">
  Get started with Static Services
</Card>