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.
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.
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 .
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.
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
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....
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
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
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.
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.
Very useful video. Tnx bro 🇧🇩❤
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.
Bro thanks your way of teaching is great
I also did this in twitter clone course, this thing is also mentioned in next.js documentation..
Gajab! Nice Nice Nice
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 .
Hey piyush keep bringing more such videos
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.
You are working great🔥But you should have shown the same about client component under server component. Plz make a video on this topic
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" ?
Can you elaborate how we can use redux with next js
Great video 📷
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.
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 ?
Why in first approach you can still see the data in view page source ?
Any coupon code available for the course?
Hi sir , apka course Master NextJS 14 Codedamn me kab ayega , codedamn really need an updated course on next js .
Could you please make a video on protected pages in next js with redux toolkit
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
Hiii,
please create a video on best tips and trick for Next JS project ,
👇 Vote for this
Is there any discount?
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....
Best way thanks
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 😄
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
Bahi kuch din phely tu ny hi video bnai the k nextjs bekaar hy php ki tarah hy r ak phr new video?
I know this. This was present before also before server action.
👍💯💯
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
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
Corse Hindi me hai na ?
Pls create a video about your VS Code themes and extension.
I really liked it.
free kardo a series piyus please
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.