How to build a Vue + FastAPI application (with JWT authentication)

[@PheakCoding]

I hope you will make another video using Vue + FastApi and mongo-db local🙏

[@codingwithroby]

Maybe in the future 🙂

[@iUmerFarooq]

Make more Vuejs and Nuxtjs content.
Thank you 💚

[@codingwithroby]

You bet, cheers!

[@navaneeth9103]

thats the easy could u provide any repo where protected routes or role based routes are used

[@willylukwago6051]

Do you have this tutorial in Node.js & Express version? Please please. I am currently creating my app in Vue js 3 and Node.Js. And I have problems wrapping my head around JWT/VUEX authentication.

[@VietnamShorts]

Very good clip. Thank you. It is fast with not so many details, that let you to do some work by yourself to understand everything. This is a modern CRUD app with very cool stack!

[@codingwithroby]

Thanks friend! Glad you enjoyed it 🙂

[@GliGlock]

Don't we need to calculate the hash on the client and pass it to the server?

[@codingwithroby]

Not for the initial login - we don't want the secret and stuff over there. If you mean just the hash, you technically can.

[@digitalchild]

Is there a reason you aren’t using the new mapped_column() functionality in sqlalchemy 2.0 ?

[@codingwithroby]

Nope - I probably should have used the mapped_column(). Both are fine to use imo!

[@zbyszeks3657]

Taking requirements.txt from repository got error on pip install -r requirements.txt

[@codingwithroby]

What error? You may be in the wrong directory

[@zbyszeks3657]

@@codingwithroby : That's probably my fault. The video does not cover every step, cause a lot of things are created earlier, co I tried to create venv and directory "FastAPI" as in video FastAPI+React, then copy requirements.txt from your library and it ended with error.
error: subprocess-exited-with-error
× Getting requirements to build wheel did not run successfully.
│ exit code: 1
Traceback (most recent call last):
File "C:\Python312\Lib\site-packages\pip\_vendor\pyproject_hooks\_in_process\_in_process.py", line 353, in
main()
File "C:\Python312\Lib\site-packages\pip\_vendor\pyproject_hooks\_in_process\_in_process.py", line 335, in main
json_out['return_val'] = hook(**hook_input['kwargs'])
^^^^^^^^^^^^^^^^^^^^^^^^^^^^

[@zbyszeks3657]

@@codingwithroby : Ok. I did it. I installed libs by "pip install" one by one. It works. The difference is maybe python-jose not jose package

[@Anteater23]

Do you have react JWT video?

[@codingwithroby]

I do 🙂

[@appmake9791]

Excellent. Thank You

[@codingwithroby]

You are welcome!

[@sapasflash5442]

Please make more VUE JS + Python Tutorials. Meanwhile, this is exactly what I was looking for my ML App.

[@codingwithroby]

Awesome! What exactly are you looking for?

[@TrilioniME]

@@codingwithroby I would love to watch something built with Vue + FastAPI + ORM + SQLite and what takes an input from a user send it to OpenAI API and show the end user the result lets say in tiles :-)

[@shrimal]

Thanks for a wonderful video on how to setup authentication with fastapi and jwt. Just wondering, what part of the code needs to be updated so we don't have to downgrade to vue@2, vue-router@3? Thanks again.

[@dimeloloco]

lol FastAPI takes longer to setup than Django. It’s as fast as trying to build an API with Flask lol

[@dimeloloco]

Great video tho!

[@codingwithroby]

I think the Django vs FastAPI setup quickness is based on past experience. But, yes - it operates as a BE endpoint not a full stack framework.

[@cloudcoder01]

Now Svelte : )

[@codingwithroby]

I'll add it to the backlog of future videos 🙂

[@smokus1856]

This tutorial sucks if you have no knowledge of fastAPI

[@codingwithroby]

Thanks for your feedback

[@someoneelse3740]

and we put in a bunch of code.. Wow what an explanation. Never had once the impression you understand the code yourself. Copy & Paste is not coding. I wrote multiple FastAPI Endpoints, was looking for frontend introduction. Horrible
Edit: grammar

[@codingwithroby]

Thanks for the feedback.