μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
ByteGrad
2024. 7. 12.
π Cloudways good deal: https://platform.cloudways.com/signup?id=1723058&coupon=ByteGrad (paid sponsorship). Disclaimer: this is a sponsored video (paid). It's your responsibility to evaluate safety, accuracy and other relevant parts of the reviewed product. π NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). π NEW React & Next.js Course: https://bytegrad.com/courses/professional-react-nextjs π Professional JavaScript Course: https://bytegrad.com/courses/professional-javascript π Professional CSS Course: https://bytegrad.com/courses/professional-css π Web development roadmap 2024 & 2025: https://email.bytegrad.com π Email newsletter (BIG update soon): https://email.bytegrad.com π Discord: all my courses have a private Discord β±οΈ Timestamps: 00:00 Next.js + WooCommerce + Cloudways intro 01:37 WooCommerce server setup 05:15 Add example products data 06:39 WooCommerce REST API 07:22 WooCommerce authentication (API key) 08:47 Fetch all products from WooCommerce 11:42 Fetch individual product from WooCommerce 13:36 SSG (Static Site Generation) of pages 15:37 ISR (on-demand revalidation) 17:17 Cloudways Autonomous 17:49 Cloudways Protection Note that my videos may contain mistakes. Always verify yourself that your code is safe and does what you want it to do for your specific situation. You agree by watching the videos that you are solely responsible for any mistakes in your code. #webdevelopment #reactjs #nextjs
In this video, you'll learn how you can compress images and Bitmaps on Android to upload them with a more ideal file size. You want to understand the 'why' behind Coroutine? Get the course "The Kotlin Coroutines & Flows Masterclass" now! https://pl-coding.com/coroutines-masterclass β Courses with real-life practices β Save countless hours of time β 100% money back guarantee for 30 days β Become a professional Android developer now: https://pl-coding.com/premium-courses?utm_source=youtube&utm_medium=video&utm_campaign=default π» Let me be your mentor and become an industry-ready Android developer in 10 weeks: https://pl-coding.com/drop-table-mentoring?utm_source=youtube&utm_medium=video&utm_campaign=default π Get my FREE 4.5h course "The Best Practice Guide to Android Architecture": https://pl-coding.com/best-practice-guide?utm_source=youtube&utm_medium=video&utm_campaign=crypto_tracker Read our weekly Android blog: https://pl-coding.com/blog Regular programming advice on my Instagram page: https://www.instagram.com/_philipplackner_/ Join my Discord server: https://discord.gg/cwQbmUstEu Get the source code for this video on GitHub: https://github.com/philipplackner/ImageCompression
2024. 10. 20.
μλ°μ€ν¬λ¦½νΈ μ£Όμ보
2024. 5. 6.
What if you could build an Agentic Workflows that worked while you slept? Discover how to create powerful agentic workflows that can run, prompt, and report automatically by looking at a real use case. This video explores a piece of the future of engineering, showing you how to build systems that work for you while you sleep. π¬ We dive deep into: β’ The structure of sequential agentic workflows β’ How to use prompt chains for complex reasoning β’ Techniques for auto-updating content with AI β’ Integrating notifications into your agentic workflows π Learn to harness the power of: β’ Build agentic workflows that can make decisions and take action β’ Claude 3.5 Sonnet insane accuracy and instruction following β’ Prompt engineering for real-world use cases π¨βπ» Perfect for: β’ Engineers obsessed with automation β’ AI engineers and prompt engineers β’ Developers exploring agentic systems π Key takeaways: β’ Step-by-step breakdown of agentic workflow components β’ Tips for building robust, self-improving agentic workflows β’ Steps to create "living software" that evolves over time Don't miss this in-depth look at the future of AI development. Like, subscribe, and hit the notification bell to stay updated on the latest in agentic engineering and AI workflows! π₯ When to use prompt chains: https://youtu.be/UOcYsrnSNok β Minimalist Prompt Chain Code https://gist.github.com/disler/d51d7e37c3e5f8d277d8e0a71f4a1d2e π Resources Pub/Sub Notifications: https://ntfy.sh/ Python Schedule: https://schedule.readthedocs.io/en/stable/ π Chapters 00:00 Prompts, Prompt Chains, Agentic Workflows 01:23 Auto Blog Agentic Workflow Demo 02:10 NTFY - Crucial Notification Tool 03:20 Breaking Down the Workflow Steps 05:43 Agentic Step - Running the Prompt Chain 10:30 Sequential Agentic Workflow Steps 14:59 5 Tips for Building Agentic Workflows 16:54 The Future - Less Code, More Agent Work 17:40 LLM Killer User Case - Living Software #agentic #promptengineer #aiagents
2024. 7. 1.
π Hey Everyone, Welcome back to the Channel. Today we are going to build an E-Commerce Store which has an admin dashboard and a storefront. To build/create this whole video we will use the newest tech on the market which means: Next.js, Kinde-Auth, Neon, Prisma, Stripe, Tailwindcss, Shadcn/UI, Vercel, Upstash and much more. This is a Full Stack tutorial, which means we will build everything from start to finish! π Kinde Auth: https://dub.sh/xeU8r3v π¨π»βπ» GitHub Repository: https://janmarshal.com/courses/build-an-e-commerce-store-using-next-js-kinde-auth-neon-upstache-prisma-stripe-and-tailwind π My Website: https://www.janmarshal.com β Follow me on X: https://x.com/janmarshaldev π§ Business ONLY: jan@alenix.de Features: π Next.js App Router π Kinde Authentication with MFA π§ Passwordless Auth π OAuth (Google and GitHub) π°Payments using Stripe πͺ Implementation of Stripe Webhooks πΏ Neon Database π¨ Prisma Orm π Upstash Redis for Cart functionality π Recharts for displaying Charts β Server Validation using Zod and Conform ποΈ File Upload with Uploadthing π¨ Styling with Tailwindcss and Shadcn UI πΆβπ«οΈ Deployment to vercel - React Streaming - Stripe Checkout page - Server side implementation - Performance Optimized Resources used: Next.js: https://nextjs.org Kinde: https://dub.sh/xeU8r3v Tailwind.css: https://tailwindcss.com Shadcn/UI: https://ui.shadcn.com Stripe: https://stripe.com Prisma: https://prisma.io Neon: https://neon.tech/ Recharts: https://recharts.org/ Upstash: https://upstash.com/ Timestamps: 00:00 Intro 10:00 Installation 16:00 Start with Admin Dashboard Layout 43:00 Authentication with Kinde-Auth 01:07:00 Create Dashboard Index Page 01:24:00 Create Dashboard Orders Route 01:32:00 Create Dashboard Products Route 02:24:00 Setup Neon and Prisma 02:30:00 Store User in Database 02:45:00 Continue with Products Route 04:45:00 Create Banners Route 04:47:00 Create Category Page 05:25:00 Create Storefront 05:40:00 Create My Products Route 06:43:00 Create Product Id Route 07:15:00 Create Categories Route 07:37:00 Create Shopping Cart 08:56:00 Setup Stripe 10:23:00 Deploy to Vercel 10:44:38 Outro
2024. 6. 30.
Ready to learn CSS faster than you thought possible? In this video I break down the core CSS features in one minute flat. ================ Time Codes β° 00:00 Intro 00:13 How to Create a CSS File 00:21 How to Write CSS 00:37 CSS Example 00:49 Selector Cascade ================
2024. 3. 15.
You don't have to pay to try out building apps that use AI. With Ollama you can run AI models locally, for free. Vercel's AI library makes it easy to manage chats and stream back messages to the client. And you can use any server you want, like NextJS, Astro and more. Code: https://github.com/jherr/cheap-ai π Upcoming NextJS course: https://pronextjs.dev π Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ π Discord server signup: https://discord.gg/ddMZFtTDa5 π VS Code theme and font? Night Wolf [black] and Operator Mono π Terminal Theme and font? oh-my-posh with powerlevel10k_rainbow and SpaceMono NF 00:00 Introduction 00:57 Building An AI Chatbot 03:25 Building Out The Chat UI 05:10 Creating The AI Endpoint 07:48 Building An AI Photo Reviewer 11:22 Outroduction
2024. 7. 22.