Nuxt3 publish using docker - creating a docker container
Anything needed to create a container with a Universal SSR nuxt3 app.
- build the nuxt3 app in a seperate image
- create the final image, using the
.outputfolder, start command set to the server script
Your app should be in an ./app folder next to this projects ./docker folder, having a common project root.
Project structure:
Project
|- app/
| `- app.vue
`- docker/ <- this project
- Clone this project into your project root
git clone https://github.com/BananaAcid/nuxt3-publish-docker.git . - change into
./docker(modify the config) - and
npm start- the terminal will show '0.0.0.0:80' wich correspondents to 'http://localhost:3000' with the default compose file.
The ./docker/ folder contains a package.json with all required scripts and the image name config (name, config.publisher and version).
2 volumes are assumed (data and config) which you should set to your exposed folders in the Dockerfile and docker-compose.yaml.
You can use npx ntl to see and select the commands. npm start to build and start the container.
start-> runsbuildandtestbuild-> builds the imagetest-> uses the compose file to start a container based on that built imageexport-> exports the docker image from docker to a tar-file
utilities:
echo-name-> shows the image name, that will be usedbuild-files-only-> builds the/.outputfolder for inspection
License: ISC