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 its own plugins and extensions.

Next.js is a framework for Node.js that allows designing front-end by facilitating the connection of the graphical interface with 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
└── README.txt

Application deployment:

Change to the directory that contains the files needed to build the container:

cd /root/stack/python/nextjs

Then start the application:

docker compose up -d

Useful commands:

View running containers:

docker compose ps

Stop and remove the application:

docker compose down

Rebuild the application after making code changes:

docker compose --build -d