Learn Programming fundamentals, Full-stack concepts, and Web Development using JavaScript, ReactJS, Next.js, and its ecosystems.
Hello Developers, Welcome to tapaScript 👋. SUBSCRIBE to the channel so that you do not miss the in-depth learning experience.
I am your teacher Tapas Adhikary, a developer passionate about UI, UX, Web Development, JavaScript, React, Next.js, Nodejs, Open Source, and FullStack engineering. I have dealt with code and computers since 2000, when I got into Computer Science and Engineering. Since 2004, the last 19 years have been an outstanding journey for me, learning and building production-ready software. I am on RU-vid to teach you all I have gathered over these years.
My passion for teaching, content creation, and building Open Source communities taught me about building and learning in public. I have been creating written content on my blog "GreenRoots Blog', FreeCodeCamp, CSS-Tricks, and other publications. Let's GO.
Hey Everyone, Thank you for joining the LIVE. In case you missed it, you can watch it.. best from the 00:58 as we had some initial technical glitches. All the links and the information of the guests are listed in the description of the video. Please check them out and be in touch with folks to build network. Happy Open Sourcing and Happy Hacktoberfest. If you found this LIVE helpful, please give a like and let us know with a comment.
I recently watched "js modules" on freecodecamp... I was shocked when i saw you their 😅... it was really great video.. now am not confused anymore about "js modules" .. thank you for such contributions ❤
This is fantastically clear, thankyou - feels like the missing piece when trying to get to grips with data fetching in React. Often tutorials just show you a method but as you pick up different methods/approaches, it's never really clear why a particular approach or technology is used. For example, I have been using React Router's loaders, which if I understand correctly would more truly into the 'fetch then render' pattern than even the example you gave (which technically renders/mounts first, provides a loading state, and then re-renders with the fetched data). But then it's recommended that you supplement this with something like Suspense to handle loading states. Before this video though, it was really unclear to me as to why you even needed a Suspense fallback component when you could just conditionally render using a loading state within the same component - but now I can see how using a more declarative approach is more useful than conditional rendering. Also keen to see how this will be good preparation for using Next.js!
You would get the path in an array and can import them using dynamic import… you should opt for pagination or infinite scroll and load only what is needed lazily.
I'm planning the MERN projects as a course which take a while.. But a lot videos to come for free to cover the API, Node, Mongo… React is already present as playlist.
No worries, happy to answer that. Yes, the course will be paid as it needs a lot of effort. However, it will be priced moderately enough.., also note, the course will only have project based learning with MERN and Next… many of theories are present or will be there for free on this channel… Surely needs all of your support for the course, ETA December, tentatively 😀
Thankfully I found this channel at early stage of learning next js otherwise it's even horrible to think that I am developing complex application using next js without fundamental understanding. This is BENCHMARK among next js tutorials. Thank you very much sir for valuable content and to contributing your time on us😊
today's nextjs version '14.2.13' gives this error modal pop-up. while the version that this video was created with (14.1.2) does not. clone his repo and see the difference
What a legendary video! 🙌🙌 This is such a gem full of insights! I love learning the story of Hashnode - the team is so incredible and resilient! Amazing episode!
@@tapasadhikary can I use it online as it takes too much time to downloading the .msi file on my system...I was literally trying it for the last 4 hours. I've to install compass too after this installation so it takes a lot of time to set it up....
Sir kuch suggestion Dena chahta hoon. Aapka video acha hai but kuch kami laga mujhe . Yeh Mera personal view hai. Sir thoda slow chaliye. Har video mein ek agenda sheet dikhaiye ki what exactly u want to deliver. English ko thoda slow and pause leke boliye . Awaz thoda tremble kar raha hai . Video editing mein usko thoda adjust kariye . Har topic ek real project mein kahan fit hota hai thoda bataiye. Matalab Kahan hai aur kya achive karna hai .
Thank you for watching my videos and your interest in learning from them. Some of your suggestions are great, I will bring them in my future videos wherever they are relevant. Keep learning.
Bro add features in this project: 1. Forget password 2. Email verification 3. User profile update including image with cloudinary 4. Prevent logged user data loadings
if this doesnt work for you in nextjs 14 instead of routing back into auth.js, put all the code into the api/auth/[...nextauth] and export handlers as GET and handler as POST, and in the client component, just use signIn("google") from next-auth/react thanks for the video
Great toturial. Would love to see a tutorial of you on NextAuth in Next.js with React Hook Form, Zod and Zustand that sends the data to an API backend. Many thanks and keep it up.