잠시만 기다려 주세요.
Smoljames
2024. 6. 29.
Learn to code 🔥 https://www.smoljames.com/roadmap Land a job ⭐️ https://www.hyr.sh
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn toast notification patterns with Next.js server actions and next-safe-action. Toasts provide pop-up notifications like toast popping out of a toaster. They are a great way to give users immediate feedback when Next.js server actions complete. 💖 Support me on Patreon ➜ https://patreon.com/davegray ⭐ Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr 🚩 Subscribe ➜ https://bit.ly/3nGHmNn 📬 Course Updates ➜ https://courses.davegray.codes/ ❓ Questions - Please post them to my Discord ➜ https://discord.gg/neKghyefqh ☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray 🔗 Source Code: https://github.com/gitdagray/nextjs-toast-notifications 🔗 My Next.js Videos: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Pk-QJIdGd1tGZEzy9RTgtj 👇 Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ Toast Notification Patterns with Next.js Server Actions and next-safe-action (00:00) Intro (00:07) Server Actions & Toast Notifications (00:34) next-safe-action vs useActionState (01:24) ShadCN/ui Toast (02:28) json-server (03:27) Pattern 1: Waterfall (09:13) Pattern 2: Response Component (10:34) Pattern 3: Hook Callbacks (14:10) Using Multiple Actions (15:56) Wrap up 📺 Video References: 🔗 next-safe-action: https://youtu.be/ahB3DgUMs1A 🔗 ShadCN/ui for Beginners: https://youtu.be/v0_AT8zaLo8 📚 Tutorial References: 🔗 ShadCN/ui toast: https://ui.shadcn.com/docs/components/toast 🔗 next-safe-action: https://next-safe-action.dev/ 🔗 Next.js: https://nextjs.org 🔗 Next.js Server Actions: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions-and-mutations 🔗 Zod: https://zod.dev/ Was this tutorial about toast notification patterns for your Next.js Server Actions with next-safe-action helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #toast #notification
2024. 6. 28.
Looking to decrease development time? Check out these 3 must-have VS Code extensions for fullstack web development. Boost your productivity with these tools! Next video to watch: https://www.youtube.com/watch?v=BfQZ-nTcCKc&ab_channel=OrcDev ⚔️ Join The Horde - Newsletter: https://www.orcdev.com/newsletter - Discord: https://discord.com/invite/uFB5YzH9YG - Github: https://github.com/TheOrcDev Some of the projects to check: Connector: https://github.com/TheOrcDev/orcish-openai-connector AI Framework: https://github.com/TheOrcDev/orcish-ai-nextjs-framework Orcish Admin: https://github.com/TheOrcDev/orcish-admin 00:00 Intro 00:08 First Extension 01:23 Second Extension 03:16 Third Extension 04:52 Outro #webdevelopment #orcdev #vscode #extensions #react #nextjs #typescript
2024. 7. 29.
Vercel is betting hard on the generative AI/UI chatbot future, but after building one with NextJS and OpenAI I'm not so sure
2024. 6. 13.
Read more about Deno 1.44: https://deno.com/blog/v1.44 Website: https://deno.land GitHub: https://github.com/denoland Discord: https://discord.gg/deno Twitter: https:/twitter.com/deno_land
2024. 6. 13.
🌐Protect yourself online with these recommended tools: 🌎NordVPN | Best VPN for Online Privacy👉 https://go.nordvpn.net/aff_c?offer_id=15&aff_id=108595&url_id=902 👾Bitdefender | Best Antivirus for PC👉 https://bitdefender.f9tmep.net/0ZgYEV 🔐NordPass | Best Password Manager👉 https://go.nordpass.io/aff_c?offer_id=488&aff_id=108595&url_id=9356 Note: The above links are affiliate links. While I may earn a commission if you purchase their services through my affiliate links, this partnership enables me to provide exclusive discounts while ensuring my reviews remain honest and unbiased. I’m not sponsored, so my reviews and tutorials are always based on my personal experience. --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Disclaimer: This video is for educational purposes only. The machine I am attempting to brute force is my own vulnerable system (Metasploitable 2) on my personal network. Please do not attempt to brute force any service such as SSH for which you do not have explicit permission or that you do not own.
2024. 9. 23.
Source Code: https://github.com/burakorkmez/twitter-clone (Stars appreciated⭐) Join the Discord to ask your questions: https://discord.gg/YFn2WyheZV Here are some of the features 👇 ⚛️ Tech Stack: React.js, MongoDB, Node.js, Express, Tailwind 🔐 Authentication with JSONWEBTOKENS (JWT) 🔥 React Query for Data Fetching, Caching etc. 👥 Suggested Users to Follow ✍️ Creating Posts 🗑️ Deleting Posts 💬 Commenting on Posts ❤️ Liking Posts 🔒 Delete Posts (if you are the owner) 📝 Edit Profile Info 🖼️ Edit Cover Image and Profile Image 📷 Image Uploads using Cloudinary 🔔 Send Notifications 🌐 Deployment ⏳ And much more! This tutorial is packed with exciting features and uses modern technologies to bring you the ultimate Twitter experience. Turn on notifications and stay tuned for updates! 🎉 Timestamps: 00:00:00 Demo 00:06:23 (1st) Project Setup 00:26:48 (1st) Auth Routes and Controllers 01:09:00 (1st) User Routes && Controllers 01:51:20 (1st) Post Routes && Controllers 02:30:40 (1st) Notification Routes && Controllers 02:45:00 (2nd) UI Design 03:31:18 (3rd) Auth in React && Protected Routes 04:10:58 (3rd) GET Posts in Home Page 04:17:50 (3rd) DELETE Posts 04:24:42 (3rd) CREATE Posts 04:32:25 (3rd) GET Suggested Users 04:36:40 (3rd) Follow && Unfollow 04:45:35 (3rd) Like Post 04:58:40 (3rd) Comment on a Post 05:05:10 (3rd) Notifications Page 05:13:00 (3rd) Profile Page 05:24:55 (3rd) Update User Profile 05:39:40 (3rd) Code Optimization 05:47:30 (4th) Deployment LINKS X(Twitter): https://twitter.com/asaprogrammer_ Support: https://www.buymeacoffee.com/burakorkmezz That was a lot of work. Thanks for watching! #reactjs #nodejs #webdevelopment
2024. 4. 23.