Skip to content
Klutch.sh Docs

Deploying a JQuery App

JQuery is a fast, small, and feature-rich JavaScript library. It simplifies HTML document traversal, event handling, and animation, making it easy to build interactive web applications with minimal code.

This guide explains how to deploy a JQuery application to Klutch.sh, both with and without a Dockerfile. It covers installation, sample code, and deployment steps.

Prerequisites

  • Node.js & npm installed (Download) (optional, for dependency management)
  • Git and GitHub account
  • Klutch.sh account

Getting Started: Create a JQuery App

  1. Create a new project directory:
    Terminal window
    mkdir my-jquery-app
    cd my-jquery-app
  2. Create an index.html file with the following sample code: 
    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>JQuery on Klutch.sh</title>
      <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    </head>
    <body>
      <div id="app"></div>
      <script>
        $(document).ready(function() {
          $('#app').html('<h1>Hello from JQuery on Klutch.sh!</h1>');
        });
      </script>
    </body>
    </html>

Deploying Without a Dockerfile

JQuery apps are static sites. Klutch.sh can deploy static sites directly.

  1. Push your JQuery app (including index.html and any assets) to a GitHub repository.
  2. Log in to Klutch.sh.
  3. Create a new project.
  4. Create a new app:
    • Select your JQuery GitHub repository and branch
    • Choose “Static Site” as the app type
    • Set build command: (leave blank if not using a build tool)
    • Set output directory: the directory containing index.html (usually the root)
    • Configure region, compute, and environment variables as needed
  5. Click “Create” to deploy. Klutch.sh will serve your static JQuery app.

Deploying With a Dockerfile

If you need custom server logic or want to use a Dockerfile:

  1. Add a Dockerfile to your project root. Example: 
    FROM nginx:alpine
    WORKDIR /usr/share/nginx/html
    COPY . .
    EXPOSE 80
    CMD ["nginx", "-g", "daemon off;"]
  2. Push your code (with Dockerfile) to GitHub.
  3. In Klutch.sh, create a new app and select the Dockerfile option when prompted.
  4. Set service details and environment variables as needed.
  5. Click “Create” to deploy. Klutch.sh will build your Docker image and serve your JQuery app via Nginx.

Resources

Deploying JQuery to Klutch.sh is simple and flexible. Use static site deployment for most cases, or Dockerfile for custom setups.