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: https://github.com/FrancescoXX/flask-crud-live

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: https://francescociulla.com

Pradumna Saraf

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

Learn how to build a fullstack rest API in TypeScript and Python using Flask. Get step-by-step instructions on setting up the required technologies, including Docker containers for the database. No prior knowledge of frontend, backend, APIs, or databases required.

Next.js 14, Python, Docker: Build a fullstack rest API in TypeScript and Python, using Flask