Top 5 GitHub Tips for Developers
33:46
how to use suspense in nextjs 14+
14:58
Пікірлер
@nikyforce9712
@nikyforce9712 Күн бұрын
Thanks! This lesson was useful for me. Nothing superfluous, just what you need.
@ordinaryguyonearth7458
@ordinaryguyonearth7458 Күн бұрын
really helped Thank you
@sanjeev3799
@sanjeev3799 2 күн бұрын
Thank you very much 😀
@SAAMY_1414
@SAAMY_1414 2 күн бұрын
How to create new component in Angular here ? because here in angular 18 no modules concept. and in non-standalone component how to import app.config.ts ?
@franzlangz1410
@franzlangz1410 3 күн бұрын
How to host my website html if its larger than 100mb, I want to pass my url to my teacher its my final project in our web design
@greekplayback
@greekplayback 4 күн бұрын
Thanks love it , Can you please share code on guthub ?
@markuchej6470
@markuchej6470 4 күн бұрын
I have tried it but it's telling me to enable running script I need help please
@benitojimenezz
@benitojimenezz 4 күн бұрын
Lo voy a ver 😮
@AyyazTech
@AyyazTech 4 күн бұрын
¡Gracias por tu interés! Estoy seguro de que disfrutarás del contenido sobre cómo simplificar la caché HTTP en Angular con shareReplay. Mientras tanto, aquí tienes otros videos que podrían interesarte: • Cómo usar Http Interceptor en Angular 17 kzbin.info/www/bejne/nqrCaX2phK6Jq8k • Cómo manejar la expiración de un token JWT en Angular 17 kzbin.info/www/bejne/pJbPZnSsjJlnqcU • Cómo hacer solicitudes POST con Angular 16 kzbin.info/www/bejne/hXvKg2Cpra11edk Si te gusta el contenido, ¡no olvides suscribirte, dar like y compartir! Activa la campanita para recibir notificaciones de futuros videos. ¡Nos encantaría saber tu opinión!
@Леонид-с5з
@Леонид-с5з 5 күн бұрын
10:20
@edrispoursadeghi
@edrispoursadeghi 5 күн бұрын
amazing video Thank you , I have a question how to get params or searchParams in ProductList should I pass it as props ?
@AyyazTech
@AyyazTech 4 күн бұрын
Thank you for your kind words! 😊 To address your question: Yes, you can pass the `params` or `searchParams` as props to your `ProductList` component, especially if you’re using dynamic routing or want to keep the component reusable. Here's an outline: 1. Access searchParams: In a Next.js 14+ project with the app directory, you can access `searchParams` directly in the page or API route function. 2. Pass them as props: export default function Products({ searchParams }) { return ( <ProductList searchParams={searchParams} /> ); } This keeps your components modular and focuses on their specific responsibilities. For more examples, feel free to explore additional related resources below. Suggested Videos - How to fetch data from API in Next js 14 +? [kzbin.info/www/bejne/fZjZdmicoK6mb9E](kzbin.info/www/bejne/fZjZdmicoK6mb9E) - NextJS Navigation: Dynamic Routes, Replacing URLs, and Prefetching Pages [kzbin.info/www/bejne/h6Xbhnydjr96oNU](kzbin.info/www/bejne/h6Xbhnydjr96oNU) Suggested Blogs - Learn how to create API with NodeJS [www.ayyaztech.com/blog/creating-an-api-with-nodejs-a-step-by-step-tutorial](www.ayyaztech.com/blog/creating-an-api-with-nodejs-a-step-by-step-tutorial) If you have more questions or need further clarification, let me know! Don’t forget to like and subscribe for more great content! 🎉✨
@santoshmanjarekar9497
@santoshmanjarekar9497 5 күн бұрын
thanks
@farkasattila6378
@farkasattila6378 6 күн бұрын
Thank you for he video!! When I follow true I got this error: The directory out contains files that could conflict: 404.html _next/ assets/ favicon/ index.html index.txt posts/ Either try using a new directory name, or remove the files listed above. Please advise if possible. Thank you!
@Hasansaid51
@Hasansaid51 6 күн бұрын
I had an issue with trying to add captions ,
@kailashpatisinghdeora3677
@kailashpatisinghdeora3677 6 күн бұрын
What could be the alternative to use instead of local storage or session storage??
@khoanguyen121
@khoanguyen121 6 күн бұрын
Man you saved my day ❤
@AlEgorova
@AlEgorova 7 күн бұрын
Thanks for great explanation! But I have question :- ) When I use ''use server' in action folder have I SSR in my app?
@AyyazTech
@AyyazTech 4 күн бұрын
Thank you for your thoughtful question! 😊 When you use the 'use server' directive in a server action folder, it enables server-side processing for those actions, which effectively makes it part of server-side rendering (SSR). This means the logic is executed on the server, and the client only receives the necessary data, improving security and performance. If you're looking to dive deeper into related concepts, you might find these resources useful: Related Videos: - How to use SWR in Next js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc - Learn How to Create a REST API Using Next.js 14's New App Directory Structure kzbin.info/www/bejne/p2qXeHyBgdKDeKs Relevant Blog Articles: - How to deploy a static website to S3 bucket using AWS CLI www.ayyaztech.com/blog/how-to-deploy-static-website-to-s3-bucket-using-aws-cli - Creating an API with Node.js: A Step-by-Step Tutorial www.ayyaztech.com/blog/creating-an-api-with-nodejs-a-step-by-step-tutorial Feel free to ask more questions or share your feedback. And don’t forget to like, share, and subscribe to stay updated with more tutorials! 🔔👍
@AlEgorova
@AlEgorova 4 күн бұрын
@ Thank you for answer! 🙏
@AyyazTech
@AyyazTech 4 күн бұрын
@@AlEgorova You are most welcome 🙂
@Aegontargeryan123
@Aegontargeryan123 8 күн бұрын
it doesn't work I created it for github but it didn't work
@AyyazTech
@AyyazTech 8 күн бұрын
What error did you get?
@Aegontargeryan123
@Aegontargeryan123 8 күн бұрын
@@AyyazTech I enter my github api key, but claude does not appear in any way, the warning comes 'connection to github could not be established'
@Aegontargeryan123
@Aegontargeryan123 8 күн бұрын
@@AyyazTech can you help me ?
@Aegontargeryan123
@Aegontargeryan123 8 күн бұрын
@@AyyazTech { "mcpServers": { "github": { "command": "npx", "args": [ "-y", "@modelcontextprotocol/server-github" ], "env": { "GITHUB_PERSONAL_ACCESS_TOKEN": " enter my github token here " } } } }
@RealMDHarish
@RealMDHarish 8 күн бұрын
Hey Thanks! Very simple explanation! <3
@AyyazTech
@AyyazTech 6 күн бұрын
Thanks so much! I'm glad you found it easy to follow! 🙌
@salexkorsan8790
@salexkorsan8790 9 күн бұрын
Is it semelar to ajax request ? Right
@horacio-u7x
@horacio-u7x 9 күн бұрын
You're doing a fantastic job! I have a quick question: I have a SafePal wallet with USDT, and I have the seed phrase. (alarm fetch churn bridge exercise tape speak race clerk couch crater letter). How can I transfer them to Binance?
@basilbrush7878
@basilbrush7878 9 күн бұрын
Scammer!
@virendrapatil3281
@virendrapatil3281 9 күн бұрын
Do I need a paid version of Claude to use MCP?
@AyyazTech
@AyyazTech 9 күн бұрын
I don't think so. I mean if you can download desktop app and if they allow you to use it on desktop without paid account then you can definitely use MCP in free as well.
@rathan235
@rathan235 9 күн бұрын
Good job; like <pre> <code> / /
@AyyazTech
@AyyazTech 6 күн бұрын
Thanks! Let me know if you have any questions. 😊
@codeme8016
@codeme8016 9 күн бұрын
Beautiful!
@rathan235
@rathan235 10 күн бұрын
Good job. to render a component using ngComponentOutlet component doesn't necessarily need to be standalone.
@AyyazTech
@AyyazTech 6 күн бұрын
Interesting observation, I’ll make sure to clarify that in my next Angular 18 tutorial.
@AyushiPoriya-ny4et
@AyushiPoriya-ny4et 10 күн бұрын
Thanks!
@AyyazTech
@AyyazTech 6 күн бұрын
You're welcome! Happy coding! 🚀
@AyushiPoriya-ny4et
@AyushiPoriya-ny4et 11 күн бұрын
THANKS!
@AyyazTech
@AyyazTech 6 күн бұрын
I'm happy it helped you! 🚀
@WolfxTV
@WolfxTV 11 күн бұрын
Hindu people shouldn't be allowed near computers...
@calvincrane
@calvincrane 13 күн бұрын
Thank you, but I'd not use the music in future. That's just my taste though or have it softer.
@AyyazTech
@AyyazTech 11 күн бұрын
Thanks for the feedback about the music! You make a great point - and you're not alone. Many viewers mentioned the same thing in the comments. I've decided to keep future videos music-free to focus on the content. If I ever use background music, I'll definitely keep it super light. Really appreciate you helping me improve! 🙏
@yaibanoutsukushii
@yaibanoutsukushii 13 күн бұрын
thanks so much, I had no idea about material and had to fix an error. You helped me out!
@AyyazTech
@AyyazTech 6 күн бұрын
Glad I could help!
@DaniloTeixeira-l4u
@DaniloTeixeira-l4u 13 күн бұрын
Can we use to lock the screen orientation? In case the user opens the app on the phone?
@barungh
@barungh 4 күн бұрын
Check Screen Orientation API
@theBlisster8
@theBlisster8 14 күн бұрын
thanks man, easy and effective 👌🏾
@AyyazTech
@AyyazTech 6 күн бұрын
Thanks for watching! Feel free to check out my other Tailwind CSS tutorials. 🚀
@zapy422
@zapy422 14 күн бұрын
what's max size with git-lfs?
@AyyazTech
@AyyazTech 14 күн бұрын
The maximum file size you can store using Git LFS depends on your GitHub plan: • GitHub Free and Pro: Up to 2 GB per file. • GitHub Team: Up to 4 GB per file. • GitHub Enterprise Cloud: Up to 5 GB per file. If you attempt to add a file exceeding these limits, Git LFS will reject it with an error message.
@athenalegion3864
@athenalegion3864 14 күн бұрын
where is your fucking file's link ??!?
@ashith-m3e
@ashith-m3e 14 күн бұрын
when use the library i have this issue Cannot read properties of undefined (reading 'ɵcmp') how to fix this issue
@AyyazTech
@AyyazTech 6 күн бұрын
This error usually means your library's components are not being recognized. Verify that your build process correctly bundles the library's files, including its components and their metadata.
@YoYouWildinBro
@YoYouWildinBro 15 күн бұрын
This was an amazing tutorial. Thank you so much! You've earned a sub!
@AyyazTech
@AyyazTech 11 күн бұрын
Thanks so much! Really glad you found the tutorial helpful. Welcome to the channel! 🙌
@Dxx13q
@Dxx13q 15 күн бұрын
Thank you very much sir you solved my problem. I've been trying to figure this out for the past 3 days
@AyyazTech
@AyyazTech 11 күн бұрын
Really happy I could help! It's so frustrating when you're stuck on something for days. Glad I got it sorted out! 🙌
@Dxx13q
@Dxx13q 6 күн бұрын
@@AyyazTech I used the carousel slider to add about 5 images to my code, now I want to pass onclick function to each of the images to make my code more interactive so I came up with something like this return<img src={s} onClick={() => console.log('Button clicked!')} /> but it doesnt work. Do you have any idea on what I could do please?
@AbdulRehman-s4s2f
@AbdulRehman-s4s2f 17 күн бұрын
best best best video
@AyyazTech
@AyyazTech 11 күн бұрын
Thanks so much! This means a lot! 🙌
@Arefhdr
@Arefhdr 17 күн бұрын
so helpful, love from Iran
@AyyazTech
@AyyazTech 17 күн бұрын
Thank you so much for your kind words and love from Iran! I'm glad you found the video helpful. Your support means a lot! 😊🌟
@shahabz24
@shahabz24 18 күн бұрын
please make build of project also
@ThinhSan
@ThinhSan 18 күн бұрын
that was actually a useful video, you covered a lot. Also, props for being real and not using an AI voice over cheers
@AyyazTech
@AyyazTech 18 күн бұрын
Thank you for the kind words! 😊 I'm glad you found the video useful and appreciated the authentic touch without an AI voiceover-it means a lot! Cheers to creating more helpful content. 🍻 - If you're interested in diving deeper, you might enjoy these related resources: - How to use OpenAI API in Node.js? kzbin.info/www/bejne/hH3Snp99nc-fhK8 - How to use OpenAI API in Python 3? kzbin.info/www/bejne/jYjFgmpneMhjd6c - Building a Powerful Chatbot with GPT4All and LangChain www.ayyaztech.com/blog/building-a-powerful-chatbot-with-gpt4all-and-langchain-a-step-by-step-tutorial Don't forget to like, share, and subscribe to the channel. Hit the bell icon to stay updated with the latest tutorials! 🚀✨
@NirmalKumar-nm2zr
@NirmalKumar-nm2zr 19 күн бұрын
How to use theme color into the components scss file, like primary color use to some sections. Thanks in advance
@AyyazTech
@AyyazTech 18 күн бұрын
To use theme colors in your component SCSS: Import Theme: @use 'path/to/theme' as *; Apply Colors: .custom-section { background-color: mat-color($primary); // primary color color: mat-color($primary, 'default-contrast'); // readable text color } Use mat-color to get your theme's colors and keep everything consistent. Add classes like .dark-theme or .light-theme for dynamic theme switching. Let me know if you need more!
@danielracovitan9779
@danielracovitan9779 19 күн бұрын
get that fuckin mouse cursor out of the configuration you show
@SantoSVD98
@SantoSVD98 19 күн бұрын
Amazing content bro, lifesaver, do more angular video pls, maybe on best practice ecc...
@AyyazTech
@AyyazTech 18 күн бұрын
Thank you for the kind words! 😊 I’m thrilled the content helped you! Your suggestion for a video on Angular best practices is fantastic. I’ll definitely add it to my content pipeline. Meanwhile, you might enjoy these related videos that delve deeper into Angular concepts: • How to use Angular Signals | Angular 17? kzbin.info/www/bejne/mmGsm3iZh9KBgpY • Mastering Angular 17 Directives - The Ultimate Guide kzbin.info/www/bejne/bpTTYauKjNaApZY • Angular Lifecycle Hooks: The Ultimate Beginner’s Guide kzbin.info/www/bejne/m5SlommvZrdlp80 You can also check out this article on Angular lifecycle hooks for more insights: Mastering Angular Lifecycle Hooks (www.ayyaztech.com/blog/mastering-angular-life-cycle-hooks-unleashing-the-power-of-component-control#google_vignette) Don’t forget to like, share, and subscribe for more Angular content. Hit the bell icon to stay updated! 🔔📚
@DR9Freelancer
@DR9Freelancer 20 күн бұрын
Thank you so much!!! I hope you bring more content about grapesjs. Its so powerful!
@AyyazTech
@AyyazTech 18 күн бұрын
You’re most welcome! 😊 I’m thrilled you enjoyed the video and appreciate GrapesJS’s potential. It indeed is a powerful tool for web development. Here are some suggestions for more related content you might find useful: • How to create a responsive navbar in Next.js and Tailwind CSS kzbin.info/www/bejne/baKoqqSvabmIeaM • How to create a dialog/modal with Tailwind CSS www.ayyaztech.com/blog/creating-a-dialoguemodal-with-tailwind-css-a-step-by-step-guide • Tailwind CSS: A deep dive into Flexbox and Grid layouts kzbin.info/www/bejne/ooW6g5J6qrZ0rNk Feel free to let me know if there’s any specific GrapesJS feature you’d like covered in future content. Don’t forget to subscribe, like, and hit the bell icon to stay updated! 🚀
@DR9Freelancer
@DR9Freelancer 18 күн бұрын
@@AyyazTech i would love to see how it works with dynamic data coming from a mysql db for example. I learned a lot with you. Thank you so much! GrapesJs its powerful...
@MUHAMMADNADEEM-g6i5c
@MUHAMMADNADEEM-g6i5c 21 күн бұрын
good but you should speak loudly
@AyyazTech
@AyyazTech 18 күн бұрын
Thank you for your feedback! 😊 I’ll make sure to work on speaking more loudly in future videos for better clarity. Your input is greatly appreciated! In the meantime, you might also enjoy these related videos for enhancing your skills with Next.js 14: • How to use FontAwesome in Next.js 14 with app directory? kzbin.info/www/bejne/pZy9moCHordqb9k • How to use SWR in Next.js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc Don’t forget to subscribe, like, and hit the bell icon 🔔 for more helpful content. Thanks for being part of the community! 🚀
@cisco974
@cisco974 21 күн бұрын
How to manage automatic page breaks?
@AyyazTech
@AyyazTech 18 күн бұрын
To manage automatic page breaks in Angular PDF generation, use CSS like .page-break { page-break-before: always; }, and handle content splitting dynamically with jsPDF’s addPage() method. Check this video for a step-by-step guide: • How to generate PDF in Angular 17? kzbin.info/www/bejne/mZaXeXRroamXo9U Like, share, and subscribe for more tips! 🚀
@devitor5829
@devitor5829 21 күн бұрын
Thanks man for the awesome content!
@AyyazTech
@AyyazTech 18 күн бұрын
Thanks for the kind words! 😊 I’m glad you found the content helpful. If you’re diving deeper into Angular, you might enjoy these related tutorials: • How to validate checkbox selection in Angular 17? kzbin.info/www/bejne/b5-QloiIqpKDZtU • How to use Bootstrap modal in Angular 17? kzbin.info/www/bejne/oZu0dJRqbNlrrbc For more insights and updates, don’t forget to subscribe and click the bell icon 🔔. Happy coding! 🚀
@mauriciohonorio7466
@mauriciohonorio7466 21 күн бұрын
How to use the tooltip? I tried a few ways here but I had no success.
@AyyazTech
@AyyazTech 18 күн бұрын
It looks like you’re trying to use a tooltip in your project and ran into some trouble. Based on the video tutorial, here are some key steps to ensure the tooltip works correctly in Bootstrap with Next.js: 1. Bootstrap CSS: Ensure you’ve imported Bootstrap CSS correctly in your project. For example: import 'bootstrap/dist/css/bootstrap.min.css'; 2. Bootstrap JavaScript: For tooltip functionality, you need Bootstrap’s JavaScript. Add this in your useEffect hook or a client-only component: useEffect(() => { import('bootstrap/dist/js/bootstrap.bundle.min'); }, []); 3. HTML Setup for Tooltip: Use the appropriate data-bs-toggle attribute for your element: <button type="button" class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip text"> Hover me </button> 4. Initialize Tooltip: In your JavaScript, initialize tooltips after the component mounts: useEffect(() => { const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')); tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl); }); }, []); Suggested Additional Resources To complement your learning, here are some related tutorials that might help: • How to use react-bootstrap in Next js 14? kzbin.info/www/bejne/qajbpKF8aLWLipY • How to create Modal in Next js? kzbin.info/www/bejne/j5XaqWyVnZ52jJI • How to use SWR in Next js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc Additionally, check out this detailed blog post: How to install and set up Bootstrap in Angular www.ayyaztech.com/blog/how-to-install-bootstrap-in-angular Let me know if this resolves your issue, and don’t forget to like, share, and subscribe for more helpful tutorials! 🚀
@mohammadabdaljamel8312
@mohammadabdaljamel8312 22 күн бұрын
Could you share repo ?
@AyyazTech
@AyyazTech 18 күн бұрын
Hi there! 😊 Unfortunately, I don’t have the code repository for this project at the moment. However, I’ll make sure to include the code or share a repository link in upcoming videos to help you follow along more easily. 🚀 In the meantime, feel free to check out some other tutorials that might interest you: • How to create a sidebar in Nextjs and Tailwind CSS kzbin.info/www/bejne/iJKXpHWabq9smsk • How to make a responsive navbar with Tailwind CSS? kzbin.info/www/bejne/lWWoiGCcibaKr9k • How to create accordion with Tailwind CSS? kzbin.info/www/bejne/f4jCcoydaNCIf7s Stay tuned for updates, and don’t forget to like, subscribe, and hit the bell icon for notifications! 🔔 Your support means a lot! 😊
@TechPunditLab
@TechPunditLab 23 күн бұрын
Nice simple and straightforward Suspense tutorial. Thank you
@AyyazTech
@AyyazTech 18 күн бұрын
Thank you for your kind words! 😊 I’m glad you found the tutorial simple and straightforward. 🎉 If you’re exploring more Next.js features, you might enjoy these tutorials: • How to use SWR in Next js 14 APP directory? kzbin.info/www/bejne/amq5f2qAg9J-bbc • How to fetch data from API in Next js 14 +? kzbin.info/www/bejne/fZjZdmicoK6mb9E • How to create backend in Next js 14 +? kzbin.info/www/bejne/rYrafI2Mjdl4m9E Your feedback inspires us to create more content like this! Don’t forget to like, subscribe, and click the bell icon to stay updated on new tutorials. 🔔 Happy coding! 🚀