Server Side Rendering vs Client Side Rendering | Create a React Project using SSR
ฝัง
- เผยแพร่เมื่อ 1 ต.ค. 2024
- 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/kun...
---------------------------------------------------------------------------------------------
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/codeforin...)
WhatsApp: Code for Interview (whatsapp.com/c...)
#serversiderendering #reactwithssr #ssr
Widget-base WP Theme development Series:
th-cam.com/video/T-ZFL9pEpa8/w-d-xo.html
brother i'm using php in backend and hostinger server how can I do this or I can follow same path please help ASAP.
Syntaxerror: Unexpected token '
Error: [Error: ENOENT: no such file or directory, open 'D:\dist\index.html'] {
errno: -4058,
code: 'ENOENT',
syscall: 'open',
path: 'D:\\dist\\index.html'
}
bro its showing "Hydration failed because the initial UI does not match what was rendered on the server."
Suspense and lazy error in this
What is the error?
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 ?
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
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.
Grete Work brother please can you teach us mega Dropdown in tailwind in react js please
If some pages i don't want ssr what should i do?
is it possible for app made using vite?
agar hamne app ko deploy kar diya kisi domain pe toh kya kya changes karne honge and kaun kaun si file me
This was something that you have touched from the very basics..❤
brother aise me to header aur footer ka code bhi change ho jaiga
brother next js me hum webscoket ka istemal nhi kar sakte hai
Development Server is not auto refreshing while making changes to a component in React
install and nodemon by 'npm i nodemon' and then start server with 'nodemon server' instead of 'node server'
error - SyntaxError: Unexpected token 'export'
Can you reply with the code on which line you are getting this error
error - SyntaxError: Unexpected token 'export'
Can you reply with the code on which line you are getting this error
@@codeforinterview , pls see my comment
I a getting an error of document is not defined
same error
Its will fix SEO?
to an extent, yes
@@codeforinterview bro , did it load the js ?? i mean all the click handler will work ??
Keep growing bro
thanks bhai 🙌
@@codeforinterview document is not defined error
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
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