Uploaded January 2024 | Updated September 2026, 1 week ago
By the end of this, you will understand and create a simple yet complete full stack app using the following:
- Next.js 14 (TypeScript)
- Tailwind CSS
- Flask (Python) + SQLAlchemy (ORM)
- 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.
GitHub link: github.com/FrancescoXX/fullstack-flask-app
0:00 Intro, Architecture, Prerequisites, Project initialization
1:45 PostgreSQL
3:29 Backend: Python, Flask, SQLAlchemy, Dockerization of the Python application
14:30 Testing the backend service
15:57 Frontend: nextjs14, TailwindCSS, testing the frontend
27:35 Dockerization of the nextjs app and final test
find Francesco: francescociulla.com
By the end of this, you will understand and create a simple yet complete full stack app using the following:
- Next.js 14 (TypeScript)
- Tailwind CSS
- Flask (Python) + SQLAlchemy (ORM)
- 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.
GitHub link: github.com/FrancescoXX/fullstack-flask-app
0:00 Intro, Architecture, Prerequisites, Project initialization
1:45 PostgreSQL
3:29 Backend: Python, Flask, SQLAlchemy, Dockerization of the Python application
14:30 Testing the backend service
15:57 Frontend: nextjs14, TailwindCSS, testing the frontend
27:35 Dockerization of the nextjs app and final test
find Francesco: francescociulla.com










