How to Create a Express/Node + React Project with Vite | Node Backend + React Frontend

Поділитися
Вставка
  • Опубліковано 6 січ 2025

КОМЕНТАРІ • 53

  • @ianbonaparte5683
    @ianbonaparte5683 8 днів тому +1

    This is the best tutorial I've ever followed on UA-cam. Thank you very much!

  • @xXxBo5sANaCxXx
    @xXxBo5sANaCxXx 5 місяців тому +16

    Sometimes i wish i started with backend and then frontend....sheesh its a whole different world out here

    • @shadowB33
      @shadowB33 5 місяців тому +1

      bro! I am suffering the same thing too lol

    • @YashGawande-ue6im
      @YashGawande-ue6im 4 дні тому

      why to start with the backend ? is there any reason why so many starts wid it

  • @namlasyruhdwohc6340
    @namlasyruhdwohc6340 3 місяці тому +1

    Straight to the the point and under 20 minutes, nice

  • @giroda
    @giroda 5 місяців тому +4

    Beautiful job, congrats and thanks. Now its time to containerize it

  • @BikalpaNeupane-kz1yn
    @BikalpaNeupane-kz1yn 2 місяці тому +1

    great bro you teach so well!!love from NepalYou earned a like and a subscriber.

  • @aend.oarphin
    @aend.oarphin 2 місяці тому +1

    Great easy to understand video. Good reference for project starting points thank you!

  • @zombiexminer123
    @zombiexminer123 9 годин тому +1

    U r a life saver...

  • @mrziixx1293
    @mrziixx1293 4 місяці тому +1

    Damn bro, your way of explaining is soo damn good that i can understand everything you said there, thanks

  • @hariomthakur770
    @hariomthakur770 4 місяці тому +1

    life saving video ✌✌✌✌

  • @Memegineer_10k
    @Memegineer_10k 5 місяців тому

    Thanks brother! This really saved much of my time. Keep on producing such useful videos.....

  • @itzindiandude
    @itzindiandude 3 місяці тому

    Straight to solution🔥🔥🔥🔥💪
    Subbed🙌🔥

  • @KaveriJayan
    @KaveriJayan Місяць тому

    Awesome ..love the way u teach

  • @sangeethasudhagar4416
    @sangeethasudhagar4416 4 місяці тому

    Thanks bro😢 I have been struggling how to connect but ur video solved me pls upload more video about full stack projects pls 😢

  • @bibimathew6381
    @bibimathew6381 4 місяці тому

    thank you for this! Saved me so much time

  • @harshitmourya3304
    @harshitmourya3304 2 місяці тому +1

    thank you so much it helped 😊

  • @ΤασουλακοςΤασουλινος
    @ΤασουλακοςΤασουλινος 3 місяці тому +1

    great video helped me a lot. I didn't understand how front-end and back-end worked together now I know

  • @Hallowed_Knight
    @Hallowed_Knight 3 місяці тому

    no nonsense, no bullshit, just straight programming

  • @beThe-Coder
    @beThe-Coder День тому

    this is a good tuto , u should make long courses

  • @tranquilvibes5892
    @tranquilvibes5892 2 місяці тому

    Amazing Video any ideas on where you can deploy your server

  • @judemichaelmaagad3874
    @judemichaelmaagad3874 2 місяці тому

    Why do i need to treat it as a CommonJS script, rename it to use the '.cjs' file extension for require? did u use an older node.js version?

  • @nomomo4059
    @nomomo4059 3 місяці тому +1

    Thank you very much!!

  • @Jen13022
    @Jen13022 4 місяці тому

    ok.how send from server to client react component ,i use renderToString method from react dom but i have issue - syntax error, dont recognized tag

  • @Rohitkumar-xy7bj
    @Rohitkumar-xy7bj 2 місяці тому

    Thank its really helpful

  • @asurge9256
    @asurge9256 3 місяці тому +1

    Hello, I have built an entire app and this video was the baseline for everything. Thank you. Also, I want to deploy it. The frontend and backend is exactly how it is structured in this video and I use PostgreSQL for a database. All the db code is in the Node.js. How would I go about deploying my application in the particular strucuture that it is in?

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  3 місяці тому

      @@asurge9256 Look up how to create a build/frontend distribution in React (Vite). Then, serve that build on your backend. Finally, deploy your backend on a server.

    • @nerd2544
      @nerd2544 2 місяці тому

      @@ArpanNeupaneProductions i assume the first part is "vite build", but what do you mean by the "serve that build on your backend"?
      god i'm never doing web dev (frontend side at least) as a career. maybe 20 years ago when it was just jquery and static HTML or basic AJAX but after the advent of frontend frameworks now 99% of it just looks like configuring tooling and using 20 billion libraries, and there's barely actual "programming" or "software development" involved.

  • @Virtual-Paper
    @Virtual-Paper 3 місяці тому

    Great video, although I wish you also showed how to send data to the backend

  • @jhonrivera8738
    @jhonrivera8738 4 місяці тому

    Thanks, man!

  • @wolfshortsss
    @wolfshortsss 2 місяці тому

    Good video, can you show how to send post, put, delete query in next time ?

  • @mansoorjawadwala09
    @mansoorjawadwala09 3 місяці тому

    thanks but can you tell the significant difference in fetch and axios??

  • @zhuangdaz7388
    @zhuangdaz7388 4 місяці тому

    How can we deploy this project to Digital Ocean? Shall we dockerize it?

  • @waikhomromesh6
    @waikhomromesh6 Місяць тому

    Thank you

  • @bestpianolpieces
    @bestpianolpieces 5 місяців тому

    is it possible to depoly such a project to vercel? im quite new to all of this. What would i need to do? Great Tutorial!

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  4 місяці тому

      @@bestpianolpieces it is! Check out my video for React + Vercel :)
      Thanks!

  • @codeintherough
    @codeintherough 3 місяці тому

    Whats the difference between axios and fetch?'

  • @Sergeant_Mahdi
    @Sergeant_Mahdi 5 місяців тому

    I'm kind of new to react.
    Do I need express for a single page application or the Vite server would be enough?

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  5 місяців тому +1

      If your application only needs frontend capability, you will be fine with Vite and React. However, if you're looking to implement backend or server-side functionality, using a backend framework like Express could be of good use.

  • @gisssk9236
    @gisssk9236 Місяць тому

    so how connect nestjs with react? can anyone tells me please

  • @sangeethasudhagar4416
    @sangeethasudhagar4416 4 місяці тому +1

    Bro it shows access is blocked by cors policy how to resolve this?

    • @user-ee9ex1hz2p
      @user-ee9ex1hz2p 2 місяці тому

      You need to make sure the url in your corsOptions matches the one that you're using when launching vue

  • @TilakasiriRajapaksha-ec3sg
    @TilakasiriRajapaksha-ec3sg 3 місяці тому

    Can you make video how to connect with mysql

  • @Stefan-xm9qb
    @Stefan-xm9qb 3 місяці тому

    Make a video about ssr with express + react

  • @dermensch2553
    @dermensch2553 4 місяці тому

    How to make it as one app... starting from a main folder with one command and then can be released on google play store?