Stop using typescript env variables wrong
env.t3.gg/
My Products
📖 ProjectPlannerAI: projectplannerai.com
🤖 IconGeneratorAI: icongeneratorai.com
📝 ThumbnailCritique: thumbnailcritique.com
Useful Links
💬 Discord: / discord
🔔 Newsletter: newsletter.webdevcody.com/
📁 GitHub: github.com/webdevcody
📺 Twitch: / webdevcody
🤖 Website: webdevcody.com
🐦 Twitter: / webdevcody
Пікірлер: 52
Thanks for the rec as usual Cody. T3-env has worked well for me in the past
I've seen this around but never dug into it. Just dropped it in a project. Very cool. Nice to see the quick overview. I should have used this sooner.
Wow, such a game-changer! Ensuring type safety for environment variables in Next.js is crucial for seamless deployment. Thanks for the tip!
super easy to implement! thank you!
Great video, but this might break tree shaking, for example let's say you have isProd env variable so webpack will replace this env variables true or false and tree shaking will remove some code based on this values. one major use case if you remember redux :D you can add middlewares for dev but you don't want them in production just an example
Wow thank you, I didnt know it existed!
Did I understood correctly? Using this, if on local you have all variables set it will work, but if in production you have missed for example 1 env variable or mispell it, we will get some error?
Actually JUST did this type of thing recently. Many projects have limits on getting packages approved so went with a getter for env values, simple check for value and error/log otherwise. Then used the getter for each setting in a config file that the app as a whole uses to reference such values, which allows the config file to be slapped with an interface. That allows us to offset the stack overflow limitations of adding a global d.ts file for ProcessEnv with expected variables. The real kicker is googling how to do generics for the getter because ain’t nobody memorizes how :P
@cloudeater9571
Ай бұрын
Of note, your solution is hands down a better dev experience - kudos
Good video, keep in mind that envs can only be strings, so don't get too carried away with the zod schemas.
@WebDevCody
Ай бұрын
I think this library automatically parses numbers and booleans as well
@shigu.01
Ай бұрын
I don't know about t3-env, but you can pass { coerce: true } into a zod number schema
What if you add a test in the build process that will test all env variables, and a separate ts file that declare the env variables removing the undefined part. Then when building this test can fail and stop the build process. This would remove the dependence need. And you don't need to import {env}, I know This could be worse development experience but it could have some advantages.
Great, thank you! I have video topic suggestion: documentation creation. I'm curious what your insights me be on writing documentation for projects/tools, if that's something you do, and if there are any tools that help you to do so. Thanks!
@WebDevCody
Ай бұрын
I think I’ve used docsify, swagger also is good for api docs
@ewwitsantonio
Ай бұрын
@@WebDevCody thanks so much!
What are you using now instead of t3 stack?
@perc-ai
Ай бұрын
supabase
Theo approved video
can someone tell me his extension theme he is using ? thanks you
Hey, what's the VS Code theme you've got going on?
@user-tm1xl4bf7o
Ай бұрын
did you find??
@user-tm1xl4bf7o
Ай бұрын
Bearded theme stained blue
Can you show all your extensions?
bro can you guide me is it valuable to learn c# .netcore at this time is it worth it or not ??
@WebDevCody
Ай бұрын
I’ve never had a .net job, but I know there are jobs using both
@Dom-zy1qy
Ай бұрын
I am assuming .net would be a bit better for job prospects, seems less competitive than js world. I really am just guessing tho.
@Support-Phalestine
Ай бұрын
@@Dom-zy1qy exactly bro that's the point
Is environment validation in runtime really necessary just to get type inference? I would rather move the env validation to a build step before deploying. Let me know your thoughts. Great work on the consistency!
@WebDevCody
Ай бұрын
It’s just a little extra help to consolidate all env variables. I’ve been on apps where the same env variable is imported in like 10 files; this helps centralize the config a bit
@AneeshSaravuKarekad
Ай бұрын
@@WebDevCody Ah I do suggest having a centralized config file for environment variables, but I don't like running validation on the config in runtime.
Good job babe!
@WebDevCody
Ай бұрын
😘
Please tell me What is your vs code theme name? Sir
Does it only work with zod? My project uses valibot.
@theklr
Ай бұрын
They have work in progress to decouple the validator.
I usually just create utils file where I define and export object with all env.process strings to then reference them in other files. Do you think that's smart or not really?
@WebDevCody
Ай бұрын
Seems ok to me
I use joi and make a schema for my environment variables
Cool package, but I don't know about having so much packages inside my project. I already have a lot.
typesafe env vars are great until u forgot to update the env vars for CI and that shit breaks anyway
you really don't need multiple third party libs to do this.
@WebDevCody
Ай бұрын
Multiple? Who uses multiple?
@flyingpanhandle
Ай бұрын
@@WebDevCody 1. T3-env. 2. Zod.
@WebDevCody
Ай бұрын
@@flyingpanhandle oh I see what you mean
@user-pj4ju1oi1l
Ай бұрын
@flyingpanhandle Could you give an example without third party libs? Or do you mean only T3-env lib is necessary to achieve something similar.
@theklr
Ай бұрын
Can you give solutions?