How to build a NextJS + FastAPI application (step-by-step tutorial)

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 พ.ย. 2024

ความคิดเห็น • 61

  • @tryingtobebetterr
    @tryingtobebetterr 3 หลายเดือนก่อน +19

    A comment advising you to show a demo at the beginning of the video is a golden one. I would say add timestamps to your videos. Good work, regardless.

  • @django1000
    @django1000 3 หลายเดือนก่อน +10

    Nice tutorial.
    Try to show demo site in the beginning so viewers can see what's they are gonna learn.
    Keep up the good work 🎉❤

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +3

      I'll look into that for the next video! Thank you 😊

  • @SageManOfficial
    @SageManOfficial 2 หลายเดือนก่อน +3

    Just finished this course. Thank you so much.

    • @codingwithroby
      @codingwithroby  2 หลายเดือนก่อน

      You're the bomb - thanks!

  • @francosbenitez
    @francosbenitez 3 หลายเดือนก่อน +6

    Clear and straight to the point. Great content!

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      Sweeeeeeet!

    • @francosbenitez
      @francosbenitez 3 หลายเดือนก่อน +1

      @@codingwithroby Roby, I had a problem with the fastapi==0.110.1 dependency, because the CLI was added in the fastapi==0.111. I changed the version and I could run the project with the fastapi command.

    • @adityabalakrishnan1753
      @adityabalakrishnan1753 3 หลายเดือนก่อน

      @@francosbenitez Same with me!

    • @adityabalakrishnan1753
      @adityabalakrishnan1753 3 หลายเดือนก่อน

      He has mentioned in the video that fastapi-cli works only with the latest version, maybe adding it to the description will help others with the same problem.

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      @@adityabalakrishnan1753 Not a bad idea - I'll it to the description 🙂

  • @JacobBelemS.M
    @JacobBelemS.M 3 หลายเดือนก่อน +7

    Wow beautiful, I'm currently working on a fastapi and nextjs project and you just save me a lot of time, thanks for such an amazing tutorial.

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +1

      You're so welcome!

    • @noobymemer
      @noobymemer 2 หลายเดือนก่อน

      yeah bet ur doing cut copy paste

  • @stylinali
    @stylinali 3 หลายเดือนก่อน +2

    Please make more projects, and thanks for it.

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +2

      What would you like to see?

    • @stylinali
      @stylinali 3 หลายเดือนก่อน +1

      @@codingwithroby Unique project also integrate AI

    • @uzairhassan-y9b
      @uzairhassan-y9b 3 หลายเดือนก่อน

      @@codingwithroby Dear Sir plz Create a video tutorial on role-based authentication that includes user registration and login, with a designated role for an admin.

  • @janekalam
    @janekalam หลายเดือนก่อน +1

    This is great and thanks. Would be able to make a tutorial on how to deploy it on a cloud service like AWS or AZURE?

    • @codingwithroby
      @codingwithroby  หลายเดือนก่อน

      I have a course on it: www.udemy.com/course/deploy-fastapi-fullstack-amazon-cloud-aws/?referralCode=706861EF28A616B36FEC

  • @zeecomedia
    @zeecomedia 3 หลายเดือนก่อน +1

    Awesome Roby ❤, i super love this full stack tutorial. I would be working on such in my channel too 🥰

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +1

      You can do it! I am rooting for you.

  • @ar0n337
    @ar0n337 2 หลายเดือนก่อน +1

    Perfect tutorial! How can i use AuthContext functions (logout) in another page? I have this problem: Error: (0 , react__WEBPACK_IMPORTED_MODULE_4__.useContext) is not a function

  • @togai-dev
    @togai-dev 7 ชั่วโมงที่ผ่านมา

    Hi Eric, thank you for this tutorial. May I ask the name of the theme you are using on the editor? Thanks

    • @codingwithroby
      @codingwithroby  2 ชั่วโมงที่ผ่านมา

      It is called "One Dark Pro" extension.

  • @eggbread6654
    @eggbread6654 13 วันที่ผ่านมา

    Hey thanks for the very good video. I have a suggestion with project, can you make a very full stack project using the technology
    Docker compose
    Postgresql
    Backend:
    Python
    Fastapi
    SQLModel
    Alembic database migration or if there is another better one
    Pydantic for reading .env or if there is another better one
    Setting pixi for eslint like ruff and so on
    Frontend:
    Next.js
    Typescript
    Tailwindcss
    Setting eslint and so on
    And some library for ui like shadcn/MUI/ant any one
    In this way i think everyone can learn in a very professional way to do entire projects.
    It will be better if you can teach things like project structures like DDD domain-drive-design, and so on. Just a sugestion

  • @efbYouTube
    @efbYouTube 3 หลายเดือนก่อน +3

    Thanks!

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      Aww, thank you so much!

  • @viniciusm.m.7822
    @viniciusm.m.7822 3 หลายเดือนก่อน +1

    Thanks!
    Abraço do Brasil!

  • @iekmasolutions
    @iekmasolutions 3 หลายเดือนก่อน

    Please make a full video on realtime chap app with notification and websocket and mysql

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      I already have something real close to this 🙂

    • @iekmasolutions
      @iekmasolutions 3 หลายเดือนก่อน

      @@codingwithroby that was just a part need full video from scratch if possible.

  • @evrenyilmazz
    @evrenyilmazz 2 หลายเดือนก่อน +1

    Thank you very much :)

  • @uzairhassan-y9b
    @uzairhassan-y9b 3 หลายเดือนก่อน +2

    Although your tutorial is helpful, why aren't you using SQLModel as the ORM and Poetry for dependency management?

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +2

      Because I like SQLAlchemy and Pip!

  • @LastChain
    @LastChain 5 วันที่ผ่านมา

    Thank you

  • @muhammadfawwad6782
    @muhammadfawwad6782 3 หลายเดือนก่อน +4

    make an ecommerce website with fast api

  • @talhagenc9401
    @talhagenc9401 18 วันที่ผ่านมา

    is what you made a SPA or multipage?

    • @codingwithroby
      @codingwithroby  16 วันที่ผ่านมา

      It is considered a SPA, but it has multipage tendencies.

  • @agungliem1219
    @agungliem1219 3 หลายเดือนก่อน

    Hi Eric, i have problem with ModuleNotFoundError: No module named 'jose'.
    Please help me.

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      Have you installed the dependencies?

  • @PukhtoonPeGermanyKe
    @PukhtoonPeGermanyKe 3 หลายเดือนก่อน

    ❤Amazing

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      You're amazing ❤️

  • @coff3andprograming
    @coff3andprograming 3 หลายเดือนก่อน +3

    It could have been better if they had implemented pandas and uploaded csv, excel or txt files

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +1

      Lots of additional features here - I will keep this in mind for future content

  • @berthembenitezjr8612
    @berthembenitezjr8612 3 หลายเดือนก่อน +4

    Wow is this free? No paid stuff for fullstack dev.

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน +3

      Totally free my guy!

  • @nayanjaiswal
    @nayanjaiswal หลายเดือนก่อน

    Login using social media

  • @guybrushthreepwood2567
    @guybrushthreepwood2567 3 หลายเดือนก่อน +3

    Very nice tutorial, but as someone who watches a lot of tutorials - please consider speeding up the "typing part" of your tutorials. It's obvious that most instructors are just reading and re-typing or copy-pasting blocks of code from the other screen, and there's nothing wrong with that. But typing doesn't make it any more "organic", it's flawless and perfect (down to imports on the top of the file before you even start writing your code, which is obviously how all of us real developers don't actually write code, you import/include stuff as you need it, not randomly from top of our minds). So to make it more fun - just copy blocks of code, entire function at a time, and then instead of making us watch how you "retype" the function - spend that time explaining what the method does, what the arguments are, why you prefer doing it this way or another, but then it's time well spent. Watching someone slowly retype the entire app is.. not high value. But other than that - great video, I love your style and I think your channel will only grow from here! Keep up the good work dude! 🤙

    • @codingwithroby
      @codingwithroby  3 หลายเดือนก่อน

      I really appreciate the advice! Check out my latest polls, I used to copy/paste but the vote said to type it all out. Perhaps I can type that section but speed in by 2x or something.

    • @noobymemer
      @noobymemer 2 หลายเดือนก่อน

      @@codingwithroby typing waste time, also explain concept if writing.

    • @noobymemer
      @noobymemer 2 หลายเดือนก่อน

      also if u asking why i am typing these comments, in all .py file like deps.py, models.py u just typed all not explained the code.

  • @noobymemer
    @noobymemer 2 หลายเดือนก่อน

    sorry to tell this but worst tutorial, we can get these from gpt, we need ur help in explaining the concepts in the code, not u see typing the code. plz have in mind in future if want to help people. but thanks for the code, i dont have to gpt now that part.

    • @codingwithroby
      @codingwithroby  2 หลายเดือนก่อน

      Thanks for the feedback

  • @AM2VISUALS
    @AM2VISUALS 3 วันที่ผ่านมา

    from api.models import User
    ModuleNotFoundError: No module named 'api'