📓Deploy a Next.js App on Clouddley Triggr

Clouddley Triggr is a zero-downtime application deployment platform for virtual machines, servers, and bare metal. Triggr auto-detects your runtime and deploys your application to your server. In this guide, you’ll see Triggr in action by deploying a Next.js web application (built with Next.js boilerplate) to a virtual machine.

Prerequisites

• A GitHub or Bitbucket Account.

• A Clouddley account.

• A Next.js application.

• A virtual machine on a Cloud platform or bare metal server.

Deploy a Next.js Application

Accessing Clouddley Triggr

• Open your web browser, log in to your Clouddley account

• Navigate to Triggr Apps and click on Deploy App

Step 1: Configure Service

• Choose your Git hosting service; either GitHub or Bitbucket. For this tutorial, we will be using GitHub.

• Click on Continue with GitHub

Step 2: Configure Git

• To connect your GitHub user or organization account, click the Select username/organization dropdown and Add GitHub account.

• Select your repository and the branch from the dropdown list or quickly search.

• Click on NEXT

Step 3: Configure your Virtual Machine

• To configure your VM, insert your VM hostname or IP address, VM user, and the VM port for SSH access.

• Use the Clouddley CLI (recommended) or connect via SSH to verify.

curl -L https://raw.githubusercontent.com/clouddley/cli/main/install.sh | sh

clouddley triggr install

ssh-copy-id -f -i ~/path/to/downloaded/Publickey username@ipaddress

• Click on Verify. This verifies the connection.

• Click on NEXT

Step 4: Configure app settings

Insert the name of the application and its port.

Step 5: Configure Environment Variables

• To add environment variables, click on ➕ Add Variable

• Choose an ENV mode: either a single variable or import variables. Learn more here.

Single Variable

Import Variables

• Add the key-value pairs and Click on Save

• Click on NEXT

Step 6: Setup Notifications (optional)

• To configure the notification settings of the application, click on ➕ Add Alert

• Select the Alert type. For this tutorial, we will set up Email alerts.

• Toggle on the buttons of the deployment event (failed, timed out, or success) you want to be notified of.

• Enter the Email address where you want to receive alerts. (You can add multiple email addresses)

• Click on Save

• Click on Deploy

Step 7: Test and Verify the app

• Click on Go to Dashboard. Your app will be visible on the Triggr apps dashboard.

• After the app deployment is complete, the app status changes from deploying to running

• Click on 🌐 Website at the top right corner of the page, this opens the URL of the deployed application in your browser.

• You can test the application functionalities.

You have successfully deployed a Next.js application on Triggr. You can manage it directly from the app dashboard by clicking the three dots (...) at the top-right corner to access Edit, Instant Rollback, Scale, Pause, and Delete options.

Additionally, you can switch to different tabs on the application dashboard to perform the following actions; view your deployment history, view or download logs, add a custom domain, and view the environment variables.

Conclusion

Congratulations🎉 on successfully deploying a Next.js application on Clouddley Triggr. You can check out the source code for this application here. You can also check out how different frameworks can be deployed on Clouddley Triggr in our how-to guides.