Skip to main content

Introduction

Welcome to the documentation for the Mistral AI Studio Starter App.

This project provides a robust foundation for building full-stack applications. It's designed with developer experience and maintainability in mind, allowing you to go from idea to deployment quickly.

Goals​

  • Rapid Development: Quickly bootstrap new projects with a pre-configured, feature-rich stack.
  • Developer Experience (DX): A streamlined setup with hot-reloading, clear project structure, and integrated tooling.
  • Modularity: Easily include or exclude features like a database, frontend, or file storage. Most features are optional and can be safely removed if not needed.
  • Scalability: Built on a solid foundation of modern technologies to support your application as it grows.

Tech Stack​

This starter app combines a powerful set of technologies for both the backend and frontend.

Backend​

  • FastAPI: A modern, high-performance web framework for building APIs with Python.
  • SQLModel: Combines Pydantic and SQLAlchemy for defining database models with Python type hints, ensuring data validation and editor support.
  • PostgreSQL + pgvector: Open-source database with vector extensions for AI/ML applications.
  • Alembic: A lightweight database migration tool for SQLAlchemy.
  • Abraxas: Workflow engine for complex, long-running asynchronous processes.
  • Mistral AI: Integrated AI services for chat completion, embeddings, and OCR.

Frontend​

  • React: A popular JavaScript library for building user interfaces.
  • Vite: A next-generation frontend build tool that provides a faster and leaner development experience.
  • TypeScript: A statically typed superset of JavaScript that enhances code quality and maintainability.
  • Mantine: A full-featured React component library for building accessible and responsive web applications.
  • TailwindCSS: A utility-first CSS framework for rapid UI development.
  • Zustand: A small, fast, and scalable state-management solution for React.
  • React Router: For declarative routing in your React application.

Getting Started​

Ready to build something awesome? Start here:

🚀 Build Your First Full-Stack Feature​

The fastest way to understand the starter app

  1. Quick Start - Get everything running locally (15 min)
  2. Backend: Your First Feature - Build a complete task API from database to endpoints (45 min)
  3. Frontend: Your First Component - Build the task management interface that connects to your API (45 min)

Result: A working full-stack task management system you built from scratch.

📚 Alternative Learning Paths​

Want to understand the architecture first?

Looking for specific examples?

Need help?