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

React with SSR! See how to do Server Side Rendering in React.
🎥 All React Projects Playlist
• React Projects
📕 Source Code/ Documentation/ References
--------------------------------------------------------------------------------------------
Source code of the Project
github.com/kunaltyagi9/React-...
---------------------------------------------------------------------------------------------
Other Videos:
➡ Java Projects Playlist: • 1/12 - Bank Management...
➡ JavaScript Projects Playlist: • JavaScript Projects
➡ React Projects Playlist: • React Projects
➡ MERN Stack Projects Playlist: • MERN Stack Projects
➡ Next js Projects Playlist: • Next.js Projects
➡ Leet Code Questions Playlist: • LeetCode Solutions | Java
➡ Full Stack Projects Playlist (React & Spring Boot): • Full Stack Projects - ...
🌎 Find Me Here:
Instagram: codeforinterview ( / codeforinterview )
Telegram: codeforinterview (t.me/codeforinterview)
WhatsApp: Code for Interview (whatsapp.com/channel/0029VaAV...)
#serversiderendering #reactwithssr #ssr

[@aadarshgurug]

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

[@jaani2786]

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

[@mrharshad2000]

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

[@arunpandey7134]

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

[@ansumanpanigrahi9128]

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.

[@freefactff6566]

Keep growing bro

[@codeforinterview]

thanks bhai 🙌

[@mynulislam1454]

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

[@madhurchaturvedi5551]

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

[@karthikraj9394]

is it possible for app made using vite?

[@Rish-gm6mg]

I a getting an error of document is not defined

[@mrharshad2000]

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

[@shafi_786]

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

[@RohitKumar-yh3fr]

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

[@leopardgaming0144]

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

[@kiranshelatkar]

error - SyntaxError: Unexpected token 'export'

[@codeforinterview]

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

[@himelop]

Its will fix SEO?

[@codeforinterview]

to an extent, yes

[@chillpill610]

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

[@ashishjain3096]

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]

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

[@chillpill610]

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

[@kiranshelatkar]

error - SyntaxError: Unexpected token 'export'

[@codeforinterview]

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

[@chillpill610]

@@codeforinterview , pls see my comment