📓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 Clouddley account.
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
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
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
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
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
torunning
Click on the application's URL, which opens the deployed application in your browser.
You can test the application functionalities.
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.
Last updated