📓Deploy a Next.js App to Clouddley Triggr

Learn how to deploy a Next.js app to 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 in 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 and click on Add App

Accessing Triggr

Step 1: Configure Git

• Choose the version control platform your code is hosted on, either GitHub or Bitbucket. For this tutorial, we will be using Github.

• Click on the Select username/organization dropdown and click on Add username/organization to connect your GitHub user or organization account.

  • Select your repository and the branch.

• Click on NEXT

Setup of Next.js application repository on Triggr

Step 2: Configure VM

• To configure your VM, insert your VM username, its hostname or IP address, and the VM port for ssh access.

• Download the public key to your local machine.

• Run the command provided in your local machine allowing Triggr to connect to your virtual machine.

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

• Click on Verify. This verifies the connection

• Click on NEXT

Configuration of cloud virtual machine on Triggr

Step 3: Configure app settings

• Insert the name of the application and its port.

The firewall of the virtual machine should allow access to the application port.

• You can add environment variables by adding the key-value pair in the environment variable section and clicking on save or adding it by clicking on the + button.

• To configure the notification settings of the application, switch the disabled button in the notification section and select which event(failed, timeout, or success) you want to be notified of.

  • Input your Email address.

• Click on Create App

Configuration and creation of Next.js application on Triggr

Step 4: Test and Verify the app

• Upon app creation, your app appears on the Triggr dashboard.

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

Status of Next.js application deployment

• Click on the application's URL, which opens the deployed application in your browser.

• You can test the application functionalities.

Next.js application running from Triggr on a cloud virtual machine

You have successfully deployed your next.js application on Triggr.

You can navigate to deployments, click on the icon in the actions column to view logs, download your logs, and restart the build if needed.

Conclusion

Congratulations🎉 on successfully deploying your Next.js application to 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.