chore: makes production build ready for docker

[adrian-d-hidalgo]

What does this PR do?

This PR modifies how you can use environment variables on runtime to have "one build, many deployments". With this update, you can now build Docker images, so anybody can deploy with their own environments.

This fix allows PR #313 to work correctly.

Fixes #12032

Requirement/Documentation

• No extra requirements needed

Type of change

• Chore (refactoring code, technical debt, workflow improvements)

How should this be tested?

• Follow README.md instructions to build for production
• The repository may have some build Issues that should be attended to fix some types of errors, meanwhile, you can run DISABLE_ESLINT_PLUGIN=true NODE_ENV=production CI=true yarn build to avoid those errors
• Run yarn start to test

[vercel]

@alannnc is attempting to deploy a commit to the cal Team on Vercel.

A member of the Team first needs to authorize it.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

✅ alannnc
❌ Adrián Darío Hidalgo Flores

---

Adrián Darío Hidalgo Flores seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[github-actions]

Thank you for following the naming conventions! 🙏 Feel free to join our discord and post your PR link to collect XP and win prizes!

[github-actions]

📦 Next.js Bundle Analysis for @calcom/web

This analysis was generated by the Next.js Bundle Analysis action. 🤖

⚠️ Global Bundle Size Increased

Page	Size (compressed)
global	163.8 KB (🟡 +612 B)

Details

The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.

Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis

If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!

[zomars]

While the proposal seems to be simple and fair. We cannot merge any of these until all of the checks are passing.

The repository may have some build Issues that should be attended to fix some types of errors, meanwhile, you can run DISABLE_ESLINT_PLUGIN=true NODE_ENV=production CI=true yarn build to avoid those errors

We cannot allow this on main unfortunately.

[github-actions]

Hey there, there is a merge conflict, can you take a look?

[keithwillcode]

Converting to draft while conflicts are fixed

[github-actions]

This PR is being marked as stale due to inactivity.

[keithwillcode]

Closing in favor of #13541