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

Поделиться
HTML-код
  • Опубликовано: 20 ноя 2024

Комментарии • 43

  • @xXxBo5sANaCxXx
    @xXxBo5sANaCxXx 3 месяца назад +12

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

    • @shadowB33
      @shadowB33 3 месяца назад

      bro! I am suffering the same thing too lol

  • @namlasyruhdwohc6340
    @namlasyruhdwohc6340 2 месяца назад +1

    Straight to the the point and under 20 minutes, nice

  • @aend.oarphin
    @aend.oarphin 24 дня назад +1

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

  • @giroda
    @giroda 3 месяца назад +4

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

  • @BikalpaNeupane-kz1yn
    @BikalpaNeupane-kz1yn 16 дней назад +1

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

  • @mrziixx1293
    @mrziixx1293 3 месяца назад +1

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

  • @itzindiandude
    @itzindiandude Месяц назад

    Straight to solution🔥🔥🔥🔥💪
    Subbed🙌🔥

  • @harshitmourya3304
    @harshitmourya3304 29 дней назад +1

    thank you so much it helped 😊

  • @Memegineer_10k
    @Memegineer_10k 4 месяца назад

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

  • @bibimathew6381
    @bibimathew6381 3 месяца назад

    thank you for this! Saved me so much time

  • @asurge9256
    @asurge9256 2 месяца назад +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  2 месяца назад

      @@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 Месяц назад

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

  • @sangeethasudhagar4416
    @sangeethasudhagar4416 3 месяца назад

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

  • @Rohitkumar-xy7bj
    @Rohitkumar-xy7bj 27 дней назад

    Thank its really helpful

  • @Hallowed_Knight
    @Hallowed_Knight 2 месяца назад

    no nonsense, no bullshit, just straight programming

  • @nomomo4059
    @nomomo4059 2 месяца назад +1

    Thank you very much!!

  • @tranquilvibes5892
    @tranquilvibes5892 Месяц назад

    Amazing Video any ideas on where you can deploy your server

  • @hariomthakur770
    @hariomthakur770 2 месяца назад

    life saving video ✌✌✌✌

  • @severbit
    @severbit 22 дня назад

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

  • @bestpianolpieces
    @bestpianolpieces 3 месяца назад

    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  3 месяца назад

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

  • @Virtual-Paper
    @Virtual-Paper Месяц назад

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

  • @mansoorjawadwala09
    @mansoorjawadwala09 Месяц назад

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

  • @ΤασουλακοςΤασουλινος

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

  • @jhonrivera8738
    @jhonrivera8738 3 месяца назад

    Thanks, man!

  • @zhuangdaz7388
    @zhuangdaz7388 2 месяца назад

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

  • @judemichaelmaagad3874
    @judemichaelmaagad3874 Месяц назад

    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 Месяц назад

    Whats the difference between axios and fetch?'

  • @Jen13022
    @Jen13022 2 месяца назад

    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

  • @dermensch2553
    @dermensch2553 2 месяца назад

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

  • @TilakasiriRajapaksha-ec3sg
    @TilakasiriRajapaksha-ec3sg 2 месяца назад

    Can you make video how to connect with mysql

  • @Sergeant_Mahdi
    @Sergeant_Mahdi 4 месяца назад

    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  4 месяца назад +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.

  • @sangeethasudhagar4416
    @sangeethasudhagar4416 3 месяца назад +1

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

    • @user-ee9ex1hz2p
      @user-ee9ex1hz2p Месяц назад

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

  • @gisssk9236
    @gisssk9236 6 дней назад

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

  • @Stefan-xm9qb
    @Stefan-xm9qb 2 месяца назад

    Make a video about ssr with express + react