Clouddley Documentation
  • 👋Welcome to Clouddley Documentation.
  • ⚡CLOUDDLEY TRIGGR
    • Triggr Apps
      • 🛠️How-to Guides
        • 📗Deploy a Ruby on Rails App on Clouddley Triggr
        • 📔Deploy a Flask Application on Clouddley Triggr
        • 📙Deploy a .NET Core Application on Clouddley Triggr
        • 📔Deploy a FastAPI App on Clouddley Triggr
        • 📕Deploy a NestJs App on Clouddley Triggr
        • 📙Deploy a Go Application on Clouddley Triggr
        • 📗Deploy a Laravel App on Clouddley Triggr
        • 📓Deploy a Next.js App on Clouddley Triggr
        • 📘Deploy an Express.js Application on Clouddley Triggr
      • 🛠️Extras
        • 🔔Notifications
        • ⚙️Environment Variables
        • 🌐Custom Domain
        • How to Rollback an Application
        • ⏯️How to Pause and Resume Applications
        • Scale applications on Clouddley Triggr
        • 📕Deploy an Application with a Dockerfile on Clouddley Triggr
  • Triggr Databases
    • 🛠️How-to Guides
      • Deploy a MongoDB Database on Clouddley Triggr
      • Deploy a MariaDB Database on Clouddley Triggr
      • Deploy a PostgreSQL Database on Clouddley Triggr
      • Deploy a Redis Database on Clouddley Triggr
      • Deploy a MySQL Database on Clouddley Triggr
    • 🛠️Extras
      • Database Networking on Clouddley Triggr
      • 🔁How to Reset Database Password on Clouddley Triggr
Powered by GitBook
On this page
  • Prerequisites
  • Deploy a Next.js Application
  • Conclusion

Was this helpful?

  1. CLOUDDLEY TRIGGR
  2. Triggr Apps
  3. How-to Guides

Deploy a Next.js App on Clouddley Triggr

Learn how to deploy a Next.js app on Triggr.

PreviousDeploy a Laravel App on Clouddley TriggrNextDeploy an Express.js Application on Clouddley Triggr

Last updated 2 months ago

Was this helpful?

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 web application (built with ) to a virtual machine.

Prerequisites

  • A or Account.

  • A account.

  • A 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 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.

The Clouddley CLI is a command-line tool that allows you to interact with the Clouddley Platform from your terminal.

  • Open the command line of the remote VM you want to configure to Clouddley and install Clouddley CLI by running the command:

curl -L https://raw.githubusercontent.com/clouddley/cli/main/install.sh | sh
  • To install Triggr, run the command:

clouddley triggr install

Using the CLI, you can deploy resources, manage configurations, and automate tasks efficiently.

  • Download the public key to your local machine.

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

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

Replace ~/path/to/downloaded/Publickey ,username and ipaddress with your actual values.

  • Click on Verify. This verifies the connection.

  • Click on NEXT

Step 4: 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.

Step 5: Configure Environment Variables

  • Add the key-value pairs and Click on Save

  • Click on NEXT

Step 6: Setup Notifications (optional)

  • 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

  • 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

To add environment variables, click on Add Variable

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

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

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

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

➕
➕
🌐
here
🎉
here
how-to guides
⚡
🛠️
📓
Next.js
Next.js boilerplate
GitHub
Bitbucket
Clouddley
N
ext.js
Triggr Apps
Accessing Triggr Apps
Choose your Git hosting service
Setup the Next.js application repository on Triggr
Configuration of virtual machine on Triggr
Configure the App name and port
Single variable ENV mode
Import variables ENV mode
Adding environment variables
Notifications set up and creation of Next.js application on Triggr
Next.js application dashboard overview
Next.js application running from Triggr on a cloud virtual machine
Image of Triggr Apps dashboard.
Configuring Git hosting service during app deployment on Triggr Apps.
Configuring the Git repository during app deployment on Triggr Apps.
Configuring the virtual machine during app deployment on Triggr Apps.
Configuring App settings (name and port) during app deployment on Triggr Apps.
Image showing the single variable ENV mode on Triggr Apps
Image showing the Import Variables ENV mode on Triggr Apps.
Image showing environment variables added during app deployment on Triggr Apps.
A gif showing how to set up notifications on Triggr Apps.
An image of the overview of a successfully deployed Next.js application on Triggr Apps.
An image of the Next.js application running on Triggr on the web.
Page cover image