Tutorial

In this tutorial we will see how to create, step by step, a server side Flask application communicating with a Vue3/Inertia frontend using TypeScript.

Contents:

• App skeleton
  • Automate development environment
• Server-side setup
  • Install dependencies
  • The Flask application
  • The root template
  • Create linked views
• Client-side setup
  • Install dependencies
  • Vue configuration
  • Integrate Inertia
  • Create your views
  • Add links between your routes
• Enjoy

You can find a Flask-Inertia/Vue3 skeleton template using our cookiecutter template as well as templates for Svelte and React in the same repository.

$ cookiecutter https://github.com/j0ack/flask-inertia-cookiecutters --directory=vue3-vite