Canon CMS Template for NextJS

This is a Canon-Site template for projects using canon as main react environment. To start using this template, just create a new repository from this template and start coding 🎉

npm run dev

Docker

Use of local environments

If you are using node directly to develop, please recall your typical .env file to .env.local. For this, use .env as a guide

Using Docker to Develop

1. Install Docker on your machine
2. Build your container with:

• NO ENV VARS AT BUILDTIME: docker build -t <PROJECT_NAME>-canon-site .
• WITH ENV VARS AT BUILDTIME: docker build --build-arg <ENV_NAME>=<ENV_VALUE> -t <PROJECT_NAME>-canon-site .

3. Run your container:

• NO ENV VARS AT RUNTIME: docker run -p 3300:3300 <PROJECT_NAME>-canon-site
• WITH ENV VARS AT RUNTIME: docker run --env-file=./.env.local -p 3300:3300 <PROJECT_NAME>-canon-site

---

References

• https://github.com/vercel/next.js/tree/canary/examples/with-docker
• https://docs.docker.com/engine/reference/commandline/build/#-set-build-time-variables---build-arg
• https://docs.docker.com/engine/reference/commandline/run/#-set-environment-variables--e---env---env-file