Full Stack Web App: Next.js, Node.js , Express, Prisma, Posgres, Docker (PERN)

Let's create a very minimalistic Full Stack Web application App, with these technologies:
- Express
- Prisma
- Docker
- Docker Compose

We will not focus on the actual application but on the connection between these 3 services.

[ayushshende]

Monorepo setup with this one would have been a bonus. Still an amazing tutorial.

[ksivasuriyaprakash]

Thanks for this video, really brush up my docker memory from past!

[devardilshad]

thanks for the great tutorial, buttery smooth pace and loved that you were laughing when things worked

[Bitfumes]

very nice explanation bhai Keep doing amazing work

[abujayed]

Just what i need, Now i am at intro point of this video. let's see if I can finish the video.

[RazorBack-pscy]

I have a question, Is not possible to do backend with Next.js? Instead of Express? and have "all in one" ?

[MitkoGeorgiev-rexg]

@francescociulla
One question, do we need somewhere to define this DB migration, that you do manually ?

[Amy-gtjw]

Grazie mille per questo tutorial, sto imparando next e mi preoccupava la parte serverless/hosting e possibili costi e stavo proprio cercando di capire come usare express e docker con next, è il video che stavo cercando

[MrRicardosgeral]

Why didn`t you put the "npx prisma migrante dev --name init" instruction índice the docker file. Any inconvenience?

[oliverritter]

Thank you. But i wish, you could add Nginx to the docker-compose File and deploy it on an Ubuntu Server. 😃 Than it would be perfect.

[MuhamadAzizPrasetyo]

Thanks for this video!

But i have an issue called error "Prisma Client Error" when opening Prisma Studio in the browser (after command: npx prisma studio)
What do I have to do?

[Tajdev]

NextJss', Node.jss', Express', Prisma', Postgress', Dockerr'

[IrfanAnsari-gk]

If i make a backend project in Typescript. What changes fo i need to do ?

[ogunleyeoluwafemi]

Hi there, is there a way to get the sourcecode to follow along properly? 🙏🏾

[Bobovino]

Hi, thank you for this video! How would you add sso authentication with this stack?

[bryllejhonyatong]

Really amazing video but I encountered this error after running the "docker compose build" in the frontend directory:
"failed to solve: process "/bin/sh -c if [ -f yarn.lock ]; then yarn run build; elif [ -f package-lock.json ]; then npm run build; elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; else echo \"Lockfile not found.\" && exit 1; fi" did not complete successfully: exit code: 1"

I also copied the dockerfile in the docs of next js, is there any way to resolve this issue?
Thanks

[myriaquekoko]

every time i do RUN npx prisma migrate dev --name init --preview-feature it works and yet everything is correct. i get the error Error: P1001: Can't reach database server at `db:5432`

[sai]

What's the advantage of using docker for both frontend and backend? Can I host the frontend on vercel if it's implemented inside docker container as in your video?

[zoki]

⚠ I don't know if it's about me but if you try to run docker compose up it will work but there won't be any relations in db because prisma migration wasn't performed.
if you try to add npx prisma migrate dev --name init to backend.dockerfile it will also fail because db is not initiated before backend. I've tried fix it health check (pg_isready) but it didn't workout.

So if anyone is having trouble running this you should define .env file in backend then run docker compose up, then run this (docker exec -it backend npx prisma migrate dev --name init)
then you will have tables and relations in DB, and app will be fully functional.

Thanks for stream.

[vanshvasishtha]

When i am trying to fetch the data, it is giving me server error 500, with Axios error, i tried checking the api again on postman (as i had a break in between), Docker Desktop is running, backend server is running and frontend is running, but the data is not getting fetched, can anyone please assist