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

  • @Mrvituhmincguy
    @MrvituhmincguyАй бұрын

    Thanks for the rec as usual Cody. T3-env has worked well for me in the past

  • @Stallion45
    @Stallion4522 күн бұрын

    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.

  • @SaaSLTDDeals
    @SaaSLTDDealsАй бұрын

    Wow, such a game-changer! Ensuring type safety for environment variables in Next.js is crucial for seamless deployment. Thanks for the tip!

  • @luiswebdev8292
    @luiswebdev8292Ай бұрын

    super easy to implement! thank you!

  • @alyahmed7639
    @alyahmed7639Ай бұрын

    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

  • @anruntxd8711
    @anruntxd8711Ай бұрын

    Wow thank you, I didnt know it existed!

  • @kaloyangeorgiev6824
    @kaloyangeorgiev6824Ай бұрын

    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?

  • @cloudeater9571
    @cloudeater9571Ай бұрын

    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

    @cloudeater9571

    Ай бұрын

    Of note, your solution is hands down a better dev experience - kudos

  • @roach_iam
    @roach_iamАй бұрын

    Good video, keep in mind that envs can only be strings, so don't get too carried away with the zod schemas.

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    I think this library automatically parses numbers and booleans as well

  • @shigu.01

    @shigu.01

    Ай бұрын

    I don't know about t3-env, but you can pass { coerce: true } into a zod number schema

  • @EduarteBDO
    @EduarteBDOАй бұрын

    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.

  • @ewwitsantonio
    @ewwitsantonioАй бұрын

    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

    @WebDevCody

    Ай бұрын

    I think I’ve used docsify, swagger also is good for api docs

  • @ewwitsantonio

    @ewwitsantonio

    Ай бұрын

    @@WebDevCody thanks so much!

  • @jorgesa4244
    @jorgesa4244Ай бұрын

    What are you using now instead of t3 stack?

  • @perc-ai

    @perc-ai

    Ай бұрын

    supabase

  • @ivanbragin7932
    @ivanbragin7932Ай бұрын

    Theo approved video

  • @nhatvominh3387
    @nhatvominh3387Ай бұрын

    can someone tell me his extension theme he is using ? thanks you

  • @Openbyt
    @OpenbytАй бұрын

    Hey, what's the VS Code theme you've got going on?

  • @user-tm1xl4bf7o

    @user-tm1xl4bf7o

    Ай бұрын

    did you find??

  • @user-tm1xl4bf7o

    @user-tm1xl4bf7o

    Ай бұрын

    Bearded theme stained blue

  • @user-jm1qz4dj9l
    @user-jm1qz4dj9lАй бұрын

    Can you show all your extensions?

  • @Support-Phalestine
    @Support-PhalestineАй бұрын

    bro can you guide me is it valuable to learn c# .netcore at this time is it worth it or not ??

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    I’ve never had a .net job, but I know there are jobs using both

  • @Dom-zy1qy

    @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

    @Support-Phalestine

    Ай бұрын

    @@Dom-zy1qy exactly bro that's the point

  • @AneeshSaravuKarekad
    @AneeshSaravuKarekadАй бұрын

    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

    @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

    @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.

  • @SeibertSwirl
    @SeibertSwirlАй бұрын

    Good job babe!

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    😘

  • @Openbyt
    @OpenbytАй бұрын

    Please tell me What is your vs code theme name? Sir

  • @iiilllii140
    @iiilllii140Ай бұрын

    Does it only work with zod? My project uses valibot.

  • @theklr

    @theklr

    Ай бұрын

    They have work in progress to decouple the validator.

  • @tsykin
    @tsykinАй бұрын

    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

    @WebDevCody

    Ай бұрын

    Seems ok to me

  • @qizhang5749
    @qizhang5749Ай бұрын

    I use joi and make a schema for my environment variables

  • @filipfiser1045
    @filipfiser1045Ай бұрын

    Cool package, but I don't know about having so much packages inside my project. I already have a lot.

  • @plusquare
    @plusquareАй бұрын

    typesafe env vars are great until u forgot to update the env vars for CI and that shit breaks anyway

  • @flyingpanhandle
    @flyingpanhandleАй бұрын

    you really don't need multiple third party libs to do this.

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    Multiple? Who uses multiple?

  • @flyingpanhandle

    @flyingpanhandle

    Ай бұрын

    @@WebDevCody 1. T3-env. 2. Zod.

  • @WebDevCody

    @WebDevCody

    Ай бұрын

    @@flyingpanhandle oh I see what you mean

  • @user-pj4ju1oi1l

    @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

    @theklr

    Ай бұрын

    Can you give solutions?