Jan. 2, 2024, 1:59 p.m. | Francesco Ciulla

DEV Community dev.to

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.


If you prefer a video version


All the code is available for free on GitHub …

api app basic beginners css docker example flask fullstack javascript next next.js orm postgresql python react rest rest api simple sqlalchemy stack technologies typescript webdev will

Data Architect

@ University of Texas at Austin | Austin, TX

Data ETL Engineer

@ University of Texas at Austin | Austin, TX

Lead GNSS Data Scientist

@ Lurra Systems | Melbourne

Senior Machine Learning Engineer (MLOps)

@ Promaton | Remote, Europe

Principal Data Engineering Manager

@ Microsoft | Redmond, Washington, United States

Machine Learning Engineer

@ Apple | San Diego, California, United States