JavaScript - Node.js + Next.js

Node.js is a framework for the JavaScript language that allows you to create a web application using only this language, running JavaScript on the server side instead of in the browser. It is compatible with all other JavaScript frameworks, as well as with its own plugins and extensions.

Next.js is a framework for Node.js that enables front-end design by facilitating the connection between the user interface and JavaScript code. It is the most recommended framework for building user interfaces in a Node.js application, highly optimized and SEO-friendly.

Project structure

.
├── app
│   ├── dev.Dockerfile
│   ├── next.config.js 
│   ├── package.json
│   ├── prod.Dockerfile
│   ├── prod-without-multistage.Dockerfile
│   ├── public
│   │   ├── favicon.ico
│   │   └── vercel.svg
│   ├── src
│   │   ├── pages
│   │   │   ├── _app.tsx
│   │   │   └── index.tsx
│   │   └── styles
│   │       ├── globals.css
│   │       └── Home.module.css
│   └── tsconfig.json
├── app.Dockerfile
├── compose.yaml
├── nginx
│   └── default.conf
├── backup
│   └── backup-runner.sh
├── .env
└── .env.example

Application deployment:

We change to the directory that contains the files required to build the container:

cd /root/stack/python/nextjs

Then start the application:

docker compose up -d

Useful commands:

View the containers that are running:

docker compose ps

Stop and remove the application:

docker compose down

Rebuild the application after making changes to the code:

docker compose up -d --build