Logo

Static Site Hosting on Vercel

Deploy your static sites with Vercel for fast and reliable hosting.

Vercel makes it easy to deploy static sites with automatic builds and instant global delivery. Follow these steps to deploy your site.

1. Prepare Your Static Site

  • •
    Click on 'Save & Download' in ThemesForApp builder dashboard to get your site files.
  • •
    Unzip the downloaded file to access your static site files (HTML, CSS, JS, assets).

2. Create a GitHub Repository (Optional but Recommended)

  • •
    Go to https://github.com and sign in.
  • •
    Click the '+' icon in the top right and select 'New repository'.
  • •
    Enter a repository name (e.g., my-static-site) and set it to Public.
  • •
    Click 'Create repository'.
  • •
    Upload your static site files to this repository.

3. Sign Up or Log In to Vercel

  • •
    Go to https://vercel.com and sign up with your GitHub, GitLab, or Bitbucket account.
  • •
    Authorize Vercel to access your repositories if prompted.

4. Import Your Project

  • •
    Click 'Add New...' > 'Project' on your Vercel dashboard.
  • •
    Select your static site repository from the list.
  • •
    Follow the prompts. For static sites, Vercel usually detects the correct settings automatically.
  • •
    If asked for a framework preset, choose 'Other'.
  • •
    Set the output/public directory to the folder containing your index.html (usually just the root).

5. Deploy Your Site

  • •
    Click 'Deploy'.
  • •
    Wait for the build process to complete. Vercel will provide a live preview URL.

6. (Optional) Use a Custom Domain

  • •
    In your Vercel project dashboard, go to the 'Domains' tab.
  • •
    Add your custom domain and follow the instructions to update your DNS settings.

7. Manage and Update Your Site

  • •
    Push changes to your GitHub repository to trigger automatic redeploys.
  • •
    Monitor deployments and analytics from your Vercel dashboard.