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

Software Engineer for AI Training Data (School Specific)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Python)

@ G2i Inc | Remote

Software Engineer for AI Training Data (Tier 2)

@ G2i Inc | Remote

Data Engineer

@ Lemon.io | Remote: Europe, LATAM, Canada, UK, Asia, Oceania

Artificial Intelligence – Bioinformatic Expert

@ University of Texas Medical Branch | Galveston, TX

Lead Developer (AI)

@ Cere Network | San Francisco, US