That's what I want to learn. Thank you bro. Mai 3 days se ye issue me fasa hua tha. Mujhe 1 server component banana tha Jo client pe render ho aur uske baad uspe client component dom manipulation kar paye.
hi sir, you're content is really great and explain every aspect . i have a request can you make a video on how to auto generate the SWAGGER docs with joi validation and route endpoints in NODEJS. it will be very helpfull sir 🙂. I hope you definitely make video on it .
Hello Piyush, I'm currently working on a company project. Could you please create a video discussing the best practices for API integration? Specifically, I'm interested in understanding the pros and cons of making a direct database call versus creating APIs in a separate file. I would appreciate insights into the best and standard practices in this regard.
Great video! 🔥 Actually, I made a tweet about the same problem, and it took me some time to figure out the solution, which is exactly what you mentioned in the video.
I am in the 5min in this vid , i can guess that we can solve this by wrapping server component inside client component . I did it before while i was doing FullStack twitter clone since i followed App version of the next js....
Can we wrap both welcome and data component with server parant component ? so there will be mixter of parent and child component by using or not "use client" ?
sir, i have written fetch api code in server side. now I want to use same api for search based on any parameter. how to do in server side component in next 14. Could you please suggest.
I have a doubt !!! What if instead of changing count in the client comp , the data inside the todo (server) component changes... How could this be implemented without using context.??? helppppp
please a make detailed paid course on AWS and its servvices like S3 Lambada ECS EC2 Eks Fargate elastci bean which covers all these and AWS ecosystem as a whole
Hey I want to ask you a topic if you could help me out when I search in linked in node js job related there they required relational data base and they did not mention by using orm like prisma or sequalizer or by pure SQL query ,in orm they provide there syntax what should I learn
Next.js ssr is so annoying. It doesn't work with a lot Npm libraries like Charts, Calendars , schedulers. I was working with a dashboard that had to have a Scheduler like GOOGLE SCHEDULER etc. I tried using REACT BIG CALENDAR, but a lot of function related to big calendar didn't work cos of SSR. I tried using dynamic import but still didn't work. Next.js is good for project like small web apps like social media apps, Ecommerce etc. It's not good for management systems.
I have this created this file structure in Next js version ->14 project\[[id]] Inside page.tsx I have this code-> 'use client'; import PathwayContainer from '@/components/Pathways/PathwayContainer'; const PathwayPage = () => { const clientID = '06375fa6-999a-46a8-9d80-12e41e76aa52'; return ( ); }; export default PathwayPage; This clienID I would fetch from useselector later as of now i keep code like this. and this is the component for PathwayContainer. 'use client'; interface IPathwayContainerProps { fetchClientProjects: (clientId: string) => Promise; clientID: string; } const PathwayContainer: FunctionComponent = (props) => { const { fetchClientProjects, clientID, } = props; const [loading, setLoading] = useState(false); const [activeProjectList, setActiveProjectList] = useState([]) useEffect(() => { const getActiveProjectList = async () => { try { setLoading(true); const projectInfo = await fetchClientProjects(clientID); setActiveProjectList(projectInfo); } catch { } finally { setLoading(false); } } getActiveProjectList(); }, [clientID]) return ( {activeProjectList.map((activeProject, index) => (
{activeProject.name}
))}
); }; export default connect(() => ({}), { fetchClientProjects: actions.clients.fetchClientProjects, })(PathwayContainer); whevaver user clcik on this link which i have crated using clientID is not changed but my useeffect code runs again and again whenver user click on links. same code works fine in react. How can i solve this issue.please help.
![Lil Uzi Vert - Chill Bae [Official Music Video]](http://i.ytimg.com/vi/D7F42F_JM3U/mqdefault.jpg)
That's what I want to learn.
Thank you bro. Mai 3 days se ye issue me fasa hua tha. Mujhe 1 server component banana tha Jo client pe render ho aur uske baad uspe client component dom manipulation kar paye.
hi sir, you're content is really great and explain every aspect . i have a request can you make a video on how to auto generate the SWAGGER docs with joi validation and route endpoints in NODEJS. it will be very helpfull sir 🙂. I hope you definitely make video on it .
Hello Piyush, I'm currently working on a company project. Could you please create a video discussing the best practices for API integration? Specifically, I'm interested in understanding the pros and cons of making a direct database call versus creating APIs in a separate file. I would appreciate insights into the best and standard practices in this regard.
I also did this in twitter clone course, this thing is also mentioned in next.js documentation..
You are working great🔥But you should have shown the same about client component under server component. Plz make a video on this topic
Bro thanks your way of teaching is great
Great video! 🔥 Actually, I made a tweet about the same problem, and it took me some time to figure out the solution, which is exactly what you mentioned in the video.
Always curious about this topic , thanku for such a clear video . Though what if there is a nested children , will it be a good method also ?
Very useful video. Tnx bro 🇧🇩❤
Hey piyush keep bringing more such videos
Hiii,
please create a video on best tips and trick for Next JS project ,
👇 Vote for this
I am in the 5min in this vid , i can guess that we can solve this by wrapping server component inside client component . I did it before while i was doing FullStack twitter clone since i followed App version of the next js....
Gajab! Nice Nice Nice
Could you please make a video on protected pages in next js with redux toolkit
Can you elaborate how we can use redux with next js
Can we wrap both welcome and data component with server parant component ? so there will be mixter of parent and child component by using or not "use client" ?
sir, i have written fetch api code in server side. now I want to use same api for search based on any parameter. how to do in server side component in next 14. Could you please suggest.
Hi sir , apka course Master NextJS 14 Codedamn me kab ayega , codedamn really need an updated course on next js .
Why in first approach you can still see the data in view page source ?
I have a doubt !!! What if instead of changing count in the client comp , the data inside the todo (server) component changes... How could this be implemented without using context.??? helppppp
Any coupon code available for the course?
Pls create a video about your VS Code themes and extension.
I really liked it.
Best way thanks
Great video 📷
I know this. This was present before also before server action.
Bahi kuch din phely tu ny hi video bnai the k nextjs bekaar hy php ki tarah hy r ak phr new video?
How will show something like skeleton while server component is fetching data... The whole page gets busted 🙄
Wrap the server component in Suspense
Is this the same behaviour after building the project
Is there any discount?
That’s a catch
please a make detailed paid course on AWS and its servvices like S3 Lambada ECS EC2 Eks Fargate elastci bean which covers all these and AWS ecosystem as a whole
bro i purchased ur next js couse and now that page isnt available
Hi, Sorry for the inconvenience. Today AWS is down. It will be up once aws is up and running
@@piyushgargdev ohh ok sure np
@@SHERSHAAH555 Issue resolved! Thanks for your patience 😄
👍💯💯
free kardo a series piyus please
Hey I want to ask you a topic if you could help me out when I search in linked in node js job related there they required relational data base and they did not mention by using orm like prisma or sequalizer or by pure SQL query ,in orm they provide there syntax what should I learn
Corse Hindi me hai na ?
Next.js ssr is so annoying. It doesn't work with a lot Npm libraries like Charts, Calendars , schedulers. I was working with a dashboard that had to have a Scheduler like GOOGLE SCHEDULER etc. I tried using REACT BIG CALENDAR, but a lot of function related to big calendar didn't work cos of SSR. I tried using dynamic import but still didn't work.
Next.js is good for project like small web apps like social media apps, Ecommerce etc. It's not good for management systems.
then why didn't you use "use client" for that particular component
@@sumitsahu8657 use client does not work on it.
dada don't have any international card. Free dedoo😊😉
I have this created this file structure in Next js version ->14
project\[[id]]
Inside page.tsx I have this code->
'use client';
import PathwayContainer from '@/components/Pathways/PathwayContainer';
const PathwayPage = () => {
const clientID = '06375fa6-999a-46a8-9d80-12e41e76aa52';
return (
);
};
export default PathwayPage;
This clienID I would fetch from useselector later as of now i keep code like this.
and this is the component for PathwayContainer.
'use client';
interface IPathwayContainerProps {
fetchClientProjects: (clientId: string) => Promise;
clientID: string;
}
const PathwayContainer: FunctionComponent = (props) => {
const {
fetchClientProjects,
clientID,
} = props;
const [loading, setLoading] = useState(false);
const [activeProjectList, setActiveProjectList] = useState([])
useEffect(() => {
const getActiveProjectList = async () => {
try {
setLoading(true);
const projectInfo = await fetchClientProjects(clientID);
setActiveProjectList(projectInfo);
}
catch {
}
finally {
setLoading(false);
}
}
getActiveProjectList();
}, [clientID])
return (
{activeProjectList.map((activeProject, index) => (
{activeProject.name}
))}
);
};
export default connect(() => ({}), {
fetchClientProjects: actions.clients.fetchClientProjects,
})(PathwayContainer);
whevaver user clcik on this link which i have crated using clientID is not changed but my useeffect code runs again and again whenver user click on links. same code works fine in react. How can i solve this issue.please help.