Server Side Rendering vs Client Side Rendering | Create a React Project using SSR

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

КОМЕНТАРІ • 38

  • @aadarshgurug
    @aadarshgurug Рік тому

    This was something that you have touched from the very basics..❤

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

    Awesome bro ❤❤

  • @freefactff6566
    @freefactff6566 11 місяців тому

    Keep growing bro

  • @karthikraj9394
    @karthikraj9394 7 місяців тому +1

    is it possible for app made using vite?

  • @jaani2786
    @jaani2786 9 місяців тому +1

    brother i'm using php in backend and hostinger server how can I do this or I can follow same path please help ASAP.

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

    getting this error "ReferenceError: document is not defined
    "

  • @maazdev9000
    @maazdev9000 6 місяців тому

    Hi brother, I have one question, is the front end and backend going to be deployed on the same server or different for this to work ?

  • @prajwalgowda4503
    @prajwalgowda4503 6 місяців тому

    bro its showing "Hydration failed because the initial UI does not match what was rendered on the server."

  • @arunpandey7134
    @arunpandey7134 8 місяців тому

    agar hamne app ko deploy kar diya kisi domain pe toh kya kya changes karne honge and kaun kaun si file me

  • @mrharshad2000
    @mrharshad2000 9 місяців тому

    brother next js me hum webscoket ka istemal nhi kar sakte hai

  • @shafi_786
    @shafi_786 9 місяців тому

    Error: [Error: ENOENT: no such file or directory, open 'D:\dist\index.html'] {
    errno: -4058,
    code: 'ENOENT',
    syscall: 'open',
    path: 'D:\\dist\\index.html'
    }

  • @ansumanpanigrahi9128
    @ansumanpanigrahi9128 9 місяців тому

    how to deploy an app like that ? and can i send multiple react comp loke for /login i will send etc ... for seo or everytime it should be comp.

  • @mrharshad2000
    @mrharshad2000 9 місяців тому

    brother aise me to header aur footer ka code bhi change ho jaiga

  • @RohitKumar-yh3fr
    @RohitKumar-yh3fr 11 місяців тому

    Development Server is not auto refreshing while making changes to a component in React

    • @leopardgaming0144
      @leopardgaming0144 10 місяців тому

      install and nodemon by 'npm i nodemon' and then start server with 'nodemon server' instead of 'node server'

  • @mynulislam1454
    @mynulislam1454 8 місяців тому

    If some pages i don't want ssr what should i do?

  • @Rish-gm6mg
    @Rish-gm6mg 7 місяців тому

    I a getting an error of document is not defined

  • @ashishjain3096
    @ashishjain3096 9 місяців тому

    Everything is working on port but when i trying to run application on browser on port 8080. its given me error
    Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
    C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6984 throw fatalError; ^ Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. at renderElement (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6047:9) at renderNodeDestructiveImpl (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6108:11) at renderNodeDestructive (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6080:14) at retryTask (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6532:5) at performWork (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6580:7) at C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6904:12 at scheduleWork (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:78:3) at startWork (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6903:3) at renderToStringImpl (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:6977:3) at Object.renderToString (C:\Users\user\Documents\vercap\vecrep.com
    ode_modules
    eact-dom\cjs
    eact-dom-server-legacy.node.development.js:7065:10) at C:\Users\user\Documents\vercap\vecrep.com\server\/server.js:24:42 at FSReqCallback.readFileAfterClose [as oncomplete] (node:internal/fs/read/context:68:3) Node.js v20.10.0

    • @codeforinterview
      @codeforinterview  9 місяців тому

      make sure you are using the export keyword while exporting something from a file
      Also, if you are using default export then import should be without curley brace
      if it is named export with export const (without default) then you will have to use curley brace while importing the same.
      Do check this

  • @madhurchaturvedi5551
    @madhurchaturvedi5551 Рік тому

    Grete Work brother please can you teach us mega Dropdown in tailwind in react js please

  • @kiranshelatkar
    @kiranshelatkar 8 місяців тому

    error - SyntaxError: Unexpected token 'export'

    • @codeforinterview
      @codeforinterview  8 місяців тому

      Can you reply with the code on which line you are getting this error

    • @chillpill610
      @chillpill610 8 місяців тому

      @@codeforinterview , pls see my comment

  • @himelop
    @himelop 10 місяців тому

    Its will fix SEO?

    • @codeforinterview
      @codeforinterview  9 місяців тому

      to an extent, yes

    • @chillpill610
      @chillpill610 8 місяців тому

      @@codeforinterview bro , did it load the js ?? i mean all the click handler will work ??

  • @lazy-codes
    @lazy-codes 4 місяці тому

    Widget-base WP Theme development Series:
    ua-cam.com/video/T-ZFL9pEpa8/v-deo.html

  • @vijaykumawat511
    @vijaykumawat511 6 місяців тому

    Suspense and lazy error in this

  • @chillpill610
    @chillpill610 8 місяців тому

    Bro did you really try this , after converting in SSR , i see that i cant get any result , it means you cant perform any click handler event , through this , how to fix the "client-side" , activity along with ssr ???? and you did'nt show in your video after converting in ssr , and getting the weatehr info ! @codeforinterview

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

    Syntaxerror: Unexpected token '

  • @kiranshelatkar
    @kiranshelatkar 8 місяців тому

    error - SyntaxError: Unexpected token 'export'

    • @codeforinterview
      @codeforinterview  8 місяців тому

      Can you reply with the code on which line you are getting this error