The BEST Next.js setup: Next.js + Postgres + Docker (Dev / Prod)

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 74

  • @ByteGrad
    @ByteGrad  6 หลายเดือนก่อน +4

    I had a wonderful time working with Docker once again, get Docker Desktop here: dockr.ly/4dkjx8a (paid sponsorship).
    My latest course is out now (Professional React & Next.js): bytegrad.com/courses/professional-react-nextjs -- I'm very proud of this course, my best work!

  • @matthewgiger6120
    @matthewgiger6120 5 หลายเดือนก่อน +2

    This is incredibly detailed and dense. It's like you used LZW compression on this subject.

  • @whatislove4587
    @whatislove4587 4 หลายเดือนก่อน +7

    Need a postgres + next.js + docker + VPS deployment workthrough video!

  • @MatanPresberg
    @MatanPresberg 4 หลายเดือนก่อน +5

    I would love a tutorial on how to deploy postgres and next js in the same docker-compose instead of using Vercel storage. I have it set up, but I keep getting database connection errors because the build step of the next js app requires access to the database

  • @spectagodx3958
    @spectagodx3958 6 หลายเดือนก่อน +20

    Great Video. I have deployed several NextJS container and it’s all fun and games until the container is behind a Proxy. For some reason NextJS 14 ignores env variables like HTTP_PROXY that node typically can handle. NextJS then is not able to send requests to services outside that proxy network like Auth providers. Do you know how set proxy variables to NextJS so the app can pass proxy’s?

    • @TariqRHijaz-hl9xj
      @TariqRHijaz-hl9xj 2 หลายเดือนก่อน

      I’m looking for a solution for the same issue , let me know if you found out

    • @spectagodx3958
      @spectagodx3958 หลายเดือนก่อน

      @@TariqRHijaz-hl9xj yes I found a solution with auth0. Auth0s SDK offers a way to set a proxy param that my app uses and it works.

  • @amraromoro
    @amraromoro 6 หลายเดือนก่อน +1

    What i like more about your videos your calm voice while explaining.

  • @Alex.Shalda
    @Alex.Shalda 6 หลายเดือนก่อน +3

    Awesome vid! Exactly what I need 🎉 thank you ❤

  • @not_a_human_being
    @not_a_human_being 6 หลายเดือนก่อน +1

    great tutorial about going live with next/pg app in Vercel!

  • @VishalSharma-ls4pq
    @VishalSharma-ls4pq 3 หลายเดือนก่อน +1

    very very informative video..learnt so much in just 25 mins..awesome

  • @404-not-found-service
    @404-not-found-service 6 หลายเดือนก่อน +1

    Thank you for this material, your content helps me a lot

  • @ShahNawaz-oj5xt
    @ShahNawaz-oj5xt 6 หลายเดือนก่อน +1

    Loved the tips on hot reload on Docker. Can you please make more videos on docker and kubernetes? Thanks!

  • @jfhandfield
    @jfhandfield 6 หลายเดือนก่อน +1

    Wow great video once more. Do you think you could do a video on dockerizing a next JS app in a TurboRepo. How to bundle all the dependencies and everything. That would be my next step in my company. Thank you for your time!

  • @finetopethiopia4095
    @finetopethiopia4095 2 หลายเดือนก่อน

    For the docker init command to work, you need docker desktop

  • @netTraverser
    @netTraverser 6 หลายเดือนก่อน +4

    I don't know if this qualifies as being out of the scope of what you typically put out, but can you do a full on tutorial of docker? If it isn't too much to ask for

    • @ByteGrad
      @ByteGrad  6 หลายเดือนก่อน +6

      Was thinking about it, may do it!

    • @netTraverser
      @netTraverser 6 หลายเดือนก่อน +1

      @@ByteGrad appreciate it

  • @BowlineDandy
    @BowlineDandy 2 หลายเดือนก่อน +1

    buenisimo video muchas gracias!

  • @vinoobharadwaj
    @vinoobharadwaj 6 หลายเดือนก่อน +2

    Hey, great video! May I know what theme you are using for VSCode please? Thanks!

  • @coders_rant
    @coders_rant 6 หลายเดือนก่อน +1

    Thanks. Needed help with docker

  • @subhranshudas8862
    @subhranshudas8862 6 หลายเดือนก่อน +1

    Thanks dude!

  • @PaulMerupu91
    @PaulMerupu91 6 หลายเดือนก่อน +1

    Great content!

  • @AlexanderBelov-y8o
    @AlexanderBelov-y8o 6 หลายเดือนก่อน +1

    Do you think Drizzle is better than Prisma?

  • @pixbug3359
    @pixbug3359 6 หลายเดือนก่อน +1

    Legend.

  • @prashantindurkar1457
    @prashantindurkar1457 6 หลายเดือนก่อน +1

    Great Great Video Thanks

  • @sandzz
    @sandzz 6 หลายเดือนก่อน +2

    Very well made tutorial. I am looking for a stack for my side project. So I can use vercel for the edge compute. but my postgresql will sit in 1 region only. So there is no point using edge compute for my nextjs app at all, because the responses will get delayed due to DB query anyway. Is there a good cheap way to handle db latency?

    • @sandzz
      @sandzz 6 หลายเดือนก่อน

      or should I put all in a single VPS and call it a day?

  • @dianab536
    @dianab536 3 หลายเดือนก่อน

    Is Prisma or Drizzle ORM required as database to be part of my tech stack if I use Next.js? If so, why is this option better than the regular database connection setup? And is Neon or Planetscale necessary when using ORM's?

  • @cisdolce
    @cisdolce 6 หลายเดือนก่อน

    i love this guy

  • @v.demchenko
    @v.demchenko 2 หลายเดือนก่อน +1

    Him could you pls clarify all moments with app directory? I have tried to implement hot reload without src folder. and no success for me. Thx!

  • @academyonnet
    @academyonnet 6 หลายเดือนก่อน

    Did I miss the timestamp where you explained why I would need a docker if I can develop on my local machine, push it to git and from there I can deploy it on Vercel?

    • @Dom-zy1qy
      @Dom-zy1qy 6 หลายเดือนก่อน +2

      If you dockerize something, you can deploy it anywhere that you can host docker containers (which is pretty much everywhere).
      Also allows you to host it locally in an environment that much more closely mirrors the deployed environment

  • @zacharyshifrel9107
    @zacharyshifrel9107 6 หลายเดือนก่อน

    How do you guys feel about using the server side of Next.js (e.g., for fetching) while you already have an express backend? I do it, but it feels weird to talk about having two servers, lol.

  • @jhontimy01
    @jhontimy01 4 หลายเดือนก่อน +1

    Hey! trying to follow along with your tutorial! but some how i am getting unknown flag: --watch when i am trying to hot reload docker container, does any one know what is happening ?

  • @doob50
    @doob50 6 หลายเดือนก่อน +1

    thank you for the video! I was looking for a docker nextjs postgres video with prisma 😊

    • @ByteGrad
      @ByteGrad  6 หลายเดือนก่อน

      Enjoy!

  • @kritsrijakkot9175
    @kritsrijakkot9175 6 หลายเดือนก่อน +1

    If I want to use docker compose to create containers for nextjs and postgre in the same time I build because I have problem about after build docker compose not connect to database. Can someone help me or show the example for me pls. Thank you

  • @ast453000
    @ast453000 14 วันที่ผ่านมา

    Do you have gh repo for this? where is the repo?

  • @athwala
    @athwala 2 หลายเดือนก่อน

    I had a error from bcryptjs, When i dockerize my nextjs 14 nextauth app. Is there any alternative for bcryptjs

  • @romanyfayiez3829
    @romanyfayiez3829 2 หลายเดือนก่อน

    Could you please provide the repo link?

  • @Devlou333
    @Devlou333 6 หลายเดือนก่อน +1

    I'm a Front-end Developer. I learn SQL in High School. I want to learn Next.js. Should I learn Algorithm & Data Structures first or just GO for Next.js ?? Please Help

    • @azamataliqulov1601
      @azamataliqulov1601 6 หลายเดือนก่อน +1

      If you never learn Algorithm & Data Stuctures, first learn them

    • @Devlou333
      @Devlou333 6 หลายเดือนก่อน +1

      Thanks 🙏

    • @poznianski
      @poznianski 6 หลายเดือนก่อน +7

      You don't need linked lists and and binary search for the 99 % of front end tasks.
      If you are already a frontend developer and want to learn the most modern framework - just do it and don't waste your time.

    • @breachr4696
      @breachr4696 6 หลายเดือนก่อน +2

      Learn react before you do Nextjs, it's much more important. DSA is important but more so for a back-end developer than a front-end developer. Like the comment above me says, you just need to learn the fundamental data structures.

    • @abishekbaiju1705
      @abishekbaiju1705 6 หลายเดือนก่อน +1

      Algorithms can help you with how you think about solving problems efficiently. learn all of them parallely. my suggestion is you don't have to learn DSA and then learn nextjs, learn DSA consistently everyday along with what you want to learn.

  • @BarisPalabiyik
    @BarisPalabiyik 6 หลายเดือนก่อน

    We can pass the path value from window to the server action along with the formData to revalidate sender path dynamically right?

  • @zerefdev
    @zerefdev 6 หลายเดือนก่อน +1

    Please add "prisma" to the title:)

  • @secretcommander2519
    @secretcommander2519 5 หลายเดือนก่อน +2

    How does this work on yours and not on mine? Does this not work on windows?
    >docker compose up --watch
    unknown flag: --watch

  • @eriscrypt
    @eriscrypt 6 หลายเดือนก่อน

    what the color theme u use ?

  • @haiffy
    @haiffy 6 หลายเดือนก่อน

    Would be nice if you publish this as a starter in GitHub

  • @edhahaz
    @edhahaz 6 หลายเดือนก่อน +1

    Postgres (Prisma) so... not postgres

  • @maksymdudyk1718
    @maksymdudyk1718 6 หลายเดือนก่อน

    I would be so nice of you, Wesley, if you could provide your true subscribers a link to github repo's codebase for this video.

  • @avi12
    @avi12 หลายเดือนก่อน

    15:09 The method to stop tracking a file with "rm -rf .git" is so bad
    The correct way to do it will be: git rm --cached .env
    This way it deletes the file from Git but not from your machine

  • @lostinthenarrativve
    @lostinthenarrativve 6 หลายเดือนก่อน +1

    do I need to learn SQL before postgres or I can just jump in ?

    • @MatanPresberg
      @MatanPresberg 4 หลายเดือนก่อน

      generally yes (depending on the scale of usage/complexity), but if you're using an ORM layer like prisma then it's less necessary

  • @Mahadev-x7u
    @Mahadev-x7u 6 หลายเดือนก่อน +1

    Good video. Thank you. Using orm for real production it’s not good practice …

  • @ustav_o
    @ustav_o 6 หลายเดือนก่อน +9

    really nice video but lets please stop using prisma

    • @kaan1882
      @kaan1882 6 หลายเดือนก่อน +3

      then what to use in your opinion

    • @looming_
      @looming_ 6 หลายเดือนก่อน

      @@kaan1882Drizzle

    • @muhammadalifdanielbinmohdh3188
      @muhammadalifdanielbinmohdh3188 6 หลายเดือนก่อน

      @@kaan1882drizzle

    • @copperweave
      @copperweave 5 หลายเดือนก่อน +1

      ​@@kaan1882 they'd probably say Drizzle but Prisma is fine for most applications tbh.
      Drizzle can be more performant and is more customizable, but Prisma is functional out of the box. When Prisma didn't support joins it was a lot more important.

    • @runankaroy2687
      @runankaroy2687 5 หลายเดือนก่อน +1

      ​@@copperweaveOr not to use any ORM. SQL commands do fine.

  • @bobysharma8911
    @bobysharma8911 27 วันที่ผ่านมา

    code repo