Self-hosted with EasyPanel Next.js in Docker

README.md

Self-hosted with EasyPanel Next.js in Docker

The guide on NextJs with docker project setup on EasyPanel

Visit repository: https://github.com/digitalandyeu/next-with-docker

1. Create a new app instance

Source from a github digitalandyeu / next-with-docker repo at the main branch

Chose Dockerfile build method

2. First deploy

The above step configuration is enough to start your app, now. Because the first-deploy.sh script is missing, in our build do manually:

1. Stop the app
2. Force rebuild
3. Press Deploy
4. Start the app

Now You should see your app running and available at default domain:

Visit default public domain from Domains section:

3. Add the .env file

Navigate to Enviorment section and paste your enviorment variables

# https://nextjs.org/docs/app/building-your-application/configuring/environment-variables
NEXT_PUBLIC_DOMAIN=next.digitalandy.eu
NEXT_PUBLIC_URL=https://$NEXT_PUBLIC_DOMAIN
PORT=3000

Turn on the Create .env file option and save

4. Configure the domain

Navigate to Domains section and

1. attach domain, for example next.digitalandy.eu at port 3000 with https enabled
2. make your domain primary by clicking the star icon
3. remove the default public domain attached by easypanel

Easypanel handles the http -> https redirect + cert & auto renewal for you

5. Setup github auto-deployments

1. Deployment Trigger url

Copy the Deployment Trigger url value from Deployments section

Deployment Trigger url example: http://11.11.11.11:3000/api/deploy/73xxxx3a

2. Configure the repository at GitHub

Click settings -> webhooks -> add new, then follow the below pattern:

Payload URL: Deployment Trigger url
Content Type: application/json
SSL Verification: disable
Event: just push event
Active: checked

6. Deploy and test

Trigger the new deploy, validate if port has changed to the value we provided earlier in .env file