This is great, but I am still hard-coding the backend API. Is it not possible to Inject it on runtime. Sorry, I'm kind of new to this, but I'd like to deploy to Heroku and define my API_URL there.
We can follow different approaches to load the environment variables. You can find in this video th-cam.com/video/7ljEz52zdUM/w-d-xo.html the one you are describing
hi i am new to angular bcz i have used React and Nextjs for my projects but now i want to use Angular and i built a simple app using angular 17 so now i want to keep away the api keys from github and want to add manually in vercel or render on deployment like i used to on react and nextjs. so how to add environmental or .env values to project i tried to use dot env package but it stopped my some functionality in app.
Welcome to the Angular :) Have you tried setting the env variables here? vercel.com/docs/projects/environment-variables I do not have experience with Vercel, but this is what I would give a try
@@CodeShotsWithProfanis Thanks for the reply but i want to know how we can use dot.env or ngx-env with angular so that i can keep away the apikeys and other variables away from code. i have used the above 2 libraries where i get the data ok but as i included it some functionality like animations, coursels etc are not working.
My manager Manish Kumawat is your exact indian version. Super humble and knowledgeable.
how to define environmental variables in docker file dynamicaly for deploy?
Useful information and good presentation
Thanks a lot
These are not Environment Variables but just a static Configuration Files
Thanks 👍👍 i didn't knew about adding an new environment file and the modification you did in angular.json
Glad it helped!
This is great, but I am still hard-coding the backend API. Is it not possible to Inject it on runtime. Sorry, I'm kind of new to this, but I'd like to deploy to Heroku and define my API_URL there.
Awesome! I always learn something new on your channel. Thanks
Glad to hear it! Thanks for your comment
excellent, and very informative.
Glad it was helpful!
Short and concise, yet informative 👏 hopefully you can do CI/CD for Prod or UAT even if it is a simple app only. Thank you.
Glad you liked it.
Is this something that you are looking for?
th-cam.com/video/rC6gOByZkrc/w-d-xo.html
Excellent video, thanks a lot
Why you aren't using process.env for environments variables instead of importing the config files?
We can follow different approaches to load the environment variables.
You can find in this video th-cam.com/video/7ljEz52zdUM/w-d-xo.html the one you are describing
excellent explanation thanks 🙂
Glad you liked it
Great video thanks!, What tool do you use to draw on the screen?
Glad you liked it!
The tool is called mousemarker and it's a built-in feature in Kubuntu OS
awesome ❤
Thanks 🤗
Thanks a lot man!
You are welcome :)
hi i am new to angular bcz i have used React and Nextjs for my projects but now i want to use Angular and i built a simple app using angular 17 so now i want to keep away the api keys from github and want to add manually in vercel or render on deployment like i used to on react and nextjs. so how to add environmental or .env values to project i tried to use dot env package but it stopped my some functionality in app.
Welcome to the Angular :)
Have you tried setting the env variables here?
vercel.com/docs/projects/environment-variables
I do not have experience with Vercel, but this is what I would give a try
@@CodeShotsWithProfanis Thanks for the reply but i want to know how we can use dot.env or ngx-env with angular so that i can keep away the apikeys and other variables away from code. i have used the above 2 libraries where i get the data ok but as i included it some functionality like animations, coursels etc are not working.
useful
Thank!
Welcome!