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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.พ. 2025

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

  • @daeseomyung6943
    @daeseomyung6943 8 ชั่วโมงที่ผ่านมา +1

    Ga damn dude, thanks for one. You're a good one. Earned a subscriber!

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

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

  • @mr.desiproduction
    @mr.desiproduction 6 วันที่ผ่านมา +1

    You earned a loyal subscriber.
    You teached me a lot in just 16 min.
    Thanx ❤

  • @DeepakCheenath
    @DeepakCheenath 14 ชั่วโมงที่ผ่านมา +1

    Excellent tutorial!

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

    Straight to the the point and under 20 minutes, nice

  • @xXxBo5sANaCxXx
    @xXxBo5sANaCxXx 6 หลายเดือนก่อน +17

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

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

      bro! I am suffering the same thing too lol

    • @YashGawande-ue6im
      @YashGawande-ue6im หลายเดือนก่อน

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

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

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

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

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

  • @Soulcode-k
    @Soulcode-k 26 วันที่ผ่านมา +1

    This finally cleared some questions.
    Thank you a lot ❤❤❤❤

  • @Hallowed_Knight
    @Hallowed_Knight 4 หลายเดือนก่อน +2

    no nonsense, no bullshit, just straight programming

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

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

  • @giroda
    @giroda 5 หลายเดือนก่อน +4

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

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

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

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

    thank you for this! Saved me so much time

  • @zombiexminer123
    @zombiexminer123 26 วันที่ผ่านมา +1

    U r a life saver...

  • @NANDAKISHOREV-m3i
    @NANDAKISHOREV-m3i 15 วันที่ผ่านมา

    really great explanation❤❤👍👍

  • @ΤασουλακοςΤασουλινος
    @ΤασουλακοςΤασουλινος 4 หลายเดือนก่อน +1

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

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

    Straight to solution🔥🔥🔥🔥💪
    Subbed🙌🔥

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

    Awesome ..love the way u teach

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

    life saving video ✌✌✌✌

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

    thank you so much it helped 😊

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

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

  • @asurge9256
    @asurge9256 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน

      @@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 3 หลายเดือนก่อน

      @@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.

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

    Thank you very much!!

  • @beThe-Coder
    @beThe-Coder 27 วันที่ผ่านมา

    this is a good tuto , u should make long courses

    • @ArpanNeupaneProductions
      @ArpanNeupaneProductions  27 วันที่ผ่านมา

      @@beThe-Coder check out my Supabase authentication course!

  • @Shishank25
    @Shishank25 11 วันที่ผ่านมา +1

    Sir, you are an angel, a savior!!!! ❤🙌

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

    Thanks, man!

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

    Amazing Video any ideas on where you can deploy your server

  • @Rohitkumar-xy7bj
    @Rohitkumar-xy7bj 3 หลายเดือนก่อน

    Thank its really helpful

  • @Virtual-Paper
    @Virtual-Paper 4 หลายเดือนก่อน

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

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

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

  • @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  5 หลายเดือนก่อน

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

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

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

  • @Ole_Hendrix
    @Ole_Hendrix 12 วันที่ผ่านมา

    Its blocked by Cors policy? I checked everything. What could it be? URL is exact same as localhost

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

    Thank you

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

    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?

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

    Whats the difference between axios and fetch?'

  • @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

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

    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  6 หลายเดือนก่อน +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.

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

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

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

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

    • @user-ee9ex1hz2p
      @user-ee9ex1hz2p 3 หลายเดือนก่อน

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

  • @TilakasiriRajapaksha-ec3sg
    @TilakasiriRajapaksha-ec3sg 4 หลายเดือนก่อน

    Can you make video how to connect with mysql

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

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

  • @mariah5060
    @mariah5060 19 วันที่ผ่านมา

    damn what browser is that?

  • @Stefan-xm9qb
    @Stefan-xm9qb 4 หลายเดือนก่อน

    Make a video about ssr with express + react

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

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