How to Build and Run Next.js Applications with Docker, Compose

on YouTube ↗20m

" summary

Builds a Docker Compose stack of three services — an auth Express backend (port 3001), a client builder that runs next build + next export, and an NGINX web server (host port 8080) that mounts a static_build volume mapped to Next’s out directory. Uses multi-stage Node Alpine images, a non-root node user, yarn ci, and named volumes so the client container exits after producing static files. NGINX serves the site and performs cookie-based redirects for A/B behavior; the demo runs and the static site plus redirects work locally.

AI-written summary · about

" chapters (9)

1. 0:00Introduction
2. 1:08Next.js rendering options
3. 5:00Demo architecture
4. 5:25Authentication service
5. 7:09Optimizing Docker images
6. 10:54Client service build
7. 12:54App interaction demo
8. 14:36Nginx configuration
9. 19:07Conclusion

" related talks

• 19mMove Mountains With Next.js and ComposeMax Proske · Docker Community All-Hands #7
• 02h 06mDocker Community All-Hands 7 - Day 2Tobias Fenster, Max Proske · Docker Community All-Hands #7
• 29mDeveloping JS Applications Using Docker ContainersHayk Galstyan · JavaScript Conference Armenia 2018
• 50mDockerize it stop living in the past and embrace the futureAlex Nadalin · Codemotion Rome 2016
• 45mDocker for devMarco De Nittis · containerday 2021
• 36mNext.js by ExampleGuillermo Rauch · Nordic.js 2017
• 09mBuild Projects 10x Faster with Next.jsHosna Qasmei · Next.js Conf 2023
• 40mStatic and Dynamic Next.jsGuillermo Rauch · JSHeroes 2017