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

  Рет қаралды 3,804

Code for Interview

Code for Interview

6 ай бұрын

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

Пікірлер: 29
@aadarshgurug
@aadarshgurug 6 ай бұрын
This was something that you have touched from the very basics..❤
@freefactff6566
@freefactff6566 5 ай бұрын
Keep growing bro
@codeforinterview
@codeforinterview 5 ай бұрын
thanks bhai 🙌
@jaani2786
@jaani2786 3 ай бұрын
brother i'm using php in backend and hostinger server how can I do this or I can follow same path please help ASAP.
@maazdev9000
@maazdev9000 18 күн бұрын
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 ?
@ansumanpanigrahi9128
@ansumanpanigrahi9128 3 ай бұрын
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.
@madhurchaturvedi5551
@madhurchaturvedi5551 6 ай бұрын
Grete Work brother please can you teach us mega Dropdown in tailwind in react js please
@mynulislam1454
@mynulislam1454 2 ай бұрын
If some pages i don't want ssr what should i do?
@harshad_sahu
@harshad_sahu 3 ай бұрын
brother next js me hum webscoket ka istemal nhi kar sakte hai
@arunpandey7134
@arunpandey7134 2 ай бұрын
agar hamne app ko deploy kar diya kisi domain pe toh kya kya changes karne honge and kaun kaun si file me
@karthikraj9394
@karthikraj9394 Ай бұрын
is it possible for app made using vite?
@Rish-gm6mg
@Rish-gm6mg Ай бұрын
I a getting an error of document is not defined
@shafi_786
@shafi_786 3 ай бұрын
Error: [Error: ENOENT: no such file or directory, open 'D:\dist\index.html'] { errno: -4058, code: 'ENOENT', syscall: 'open', path: 'D:\\dist\\index.html' }
@harshad_sahu
@harshad_sahu 3 ай бұрын
brother aise me to header aur footer ka code bhi change ho jaiga
@RohitKumar-yh3fr
@RohitKumar-yh3fr 5 ай бұрын
Development Server is not auto refreshing while making changes to a component in React
@leopardgaming0144
@leopardgaming0144 4 ай бұрын
install and nodemon by 'npm i nodemon' and then start server with 'nodemon server' instead of 'node server'
@himelop
@himelop 4 ай бұрын
Its will fix SEO?
@codeforinterview
@codeforinterview 3 ай бұрын
to an extent, yes
@chillpill610
@chillpill610 2 ай бұрын
@@codeforinterview bro , did it load the js ?? i mean all the click handler will work ??
@kiranshelatkar
@kiranshelatkar 2 ай бұрын
error - SyntaxError: Unexpected token 'export'
@codeforinterview
@codeforinterview 2 ай бұрын
Can you reply with the code on which line you are getting this error
@vijaykumawat511
@vijaykumawat511 20 күн бұрын
Suspense and lazy error in this
@codeforinterview
@codeforinterview 20 күн бұрын
What is the error?
@ashishjain3096
@ashishjain3096 3 ай бұрын
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 3 ай бұрын
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
@chillpill610 2 ай бұрын
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
@kiranshelatkar 2 ай бұрын
error - SyntaxError: Unexpected token 'export'
@codeforinterview
@codeforinterview 2 ай бұрын
Can you reply with the code on which line you are getting this error
@chillpill610
@chillpill610 2 ай бұрын
@@codeforinterview , pls see my comment
React Server Components vs Client Components
27:31
Piyush Garg
Рет қаралды 21 М.
WTF Do These Even Mean
13:44
Web Dev Simplified
Рет қаралды 80 М.
I'm Excited To see If Kelly Can Meet This Challenge!
00:16
Mini Katana
Рет қаралды 23 МЛН
Mama vs Son vs Daddy 😭🤣
00:13
DADDYSON SHOW
Рет қаралды 47 МЛН
39kgのガリガリが踊る絵文字ダンス/39kg boney emoji dance#dance #ダンス #にんげんっていいな
00:16
💀Skeleton Ninja🥷【にんげんっていいなチャンネル】
Рет қаралды 8 МЛН
Do you REALLY need SSR?
18:15
Theo - t3․gg
Рет қаралды 165 М.
Server Side Rendering React with Express
16:32
WittCode
Рет қаралды 5 М.
What is CSR SSR SSG and ISR
16:57
Hitesh Choudhary
Рет қаралды 49 М.
3 Important SEO Hacks for React Developers
10:37
Mehul - Codedamn
Рет қаралды 25 М.
Make your React web apps discoverable - JavaScript SEO
7:25
Google Search Central
Рет қаралды 121 М.
Everything you need to know about SSR, Hydration and React 18
8:17
Raj talks tech
Рет қаралды 3,9 М.