Next.js, JavaScript, Docker: Build a fullstack REST API using Node.js, Express, Prisma, PostgreSQL

By the end of this video, you will understand and create a simple yet complete full stack app using the following:

Tailwind CSS
Express (JavaScript)
Prisma
PostgreSQL
Docker
Docker Compose

MANY technologies, but we'll keep the example as basic as possible to make it understandable.

We will proceed with a bottom-up approach, starting with the database and ending with the frontend.

0:00 intro - Architecture, prerequisites, project initialization
2:47 Database
5:30 Backend
23:50 Frontend
38:12 Dockerize the frontend and final test

YouTube Membership:

[sebastian-mitco]

Hello guys, if you are facing problems on running the backend just change the first line in backend.dcokerfile
FROM node:alpine

I also add the line RUN npx prisma migrate dev --name init --preview-feature after the RUN npx prisma generate
so the migrations is automatically made also on a new machine.
After that you can run the project with just one command.
Nice video & happy coding.

[Red.Killer]

You are very sympathetic, I like your accent

[MathsWithSatyamPandey]

Thank You so much sir ❤ specially for this video🙏

[JaacielBrisenoEspinoza]

Great video! I have a question, is there a way to build the frontend image with the database running in case you use prisma with server components ? So it build some pages at build time

[hhklbhhksm]

Hey thanks for the tutorial. Do you setup everything from scratch for every project? This process seems very tedious, lol

[vycqdkv]

hey Brother thank you for sharing this totorial i'm from Cambodia i want become Fullstack developer

[BailinCAI]

Hi Francesco, i want to know more about the reason why don't put different .gitignore in frontend and backend and also a .gitignore in root directory, in the project i'm working on, i'm gonna use next.js as frontend and the python fastapi as backend, is there any particular reason why don't seperate them? can you explain deeper about it?

[Pedro-Pontes]

what the difference between, server components for query and routes, and backend with node. We can do the backend in server components, right?

[kinjalnshah]

Dear Francesco.. this is fantastic. Thank you so much, SIR!! :) Requesting additional guidance.

I was trying to deploy this app on Azure (migrating to Azure Cloud), so that I can access it via a public facing internet URL. I went thru a lot of tutorials on moving container images to Azure, and I have not yet successfully cracked it. Esp. examples cover use-cases where entire app is a single image - unlike the case here where we have a frontend image, a backend image, and a postgres image, all under full-stack. Kindly guide please. Once again, thank you! Your tutorials are superb :)

[Rider_]

Can't we simply install cors package to manage cors issue?

[IMAD]

Thanks For the video m i have a problem building the frontend, cuz it depends on the backend to make some requests to cache them the problem is the frontend get builded before the server ? which is necessary to build my nextjs app (im using a diffrent project structure frontend nextjs 14 backend express js)

[mlheyry]

did prisma or express have ability to migrations like laravel(php artisan migrate:...)
?

[shravan]

damn, seriously you read my mind i am building a project using same techstack, you saved my time for configuration

[saharilarshad]

@francescociulla, how to add volumes in frontend and backend? because when i make changes in code, its not reflected. i need to restart docker again. how to avoid to restart docker when i made changes?

[hoodapurvender]

which extension are you using for auto complete code in vscode?

[Rider_]

I noticed that you ran prisma migrate command from within docker container itself. Why not in dockerfile?

[sunnyyasin]

should i install postgres in my terminal?

[jsbr]

Hi, do I need to have WSL 2 on windows to use Docker ? Or I can just use docker desktop ?

[nguyenvuquang]

pl share video how to setup windows tool for develop in this video

[dumpster-jackson]

Hi. Great video! But when I try to dockerize frontend, it is running into multiple errors. Did anyone else face this problem?