์ ์๋ง ๊ธฐ๋ค๋ ค ์ฃผ์ธ์.
Nate Herk | AI Automation
2024. 9. 21.
How to Create an AI Email Agent with n8n (No Code, Step-by-Step Tutorial) ๐ Book A Call If You're Interested in Implementing AI Agents Into Your Business: https://uppitai.com Business Inquiries: ๐ง nateherk@uppitai.com ๐ Learn how to create an Email Agent using n8n without writing a single line of code! In this step-by-step tutorial, I'll guide you through building an automated email agent that can handle your email tasks seamlessly. Perfect for beginners in AI automation, this video will help you save time and boost productivity. Don't forget to like, comment, and subscribe for more no-code automation tutorials! TIMESTAMPS 00:00 Demo 01:23 Prep 02:44 Pushing Data to Pinecone 11:00 Send Email Tool 21:04 Making Agent 25:07 Testing 28:35 Outro Gear I Used: Camera: Razer Kiyo Pro Microphone: HyperX SoloCast Background Music: https://www.youtube.com/watch?v=Q7HjxOAU5Kc&list=PLfP6i5T0-DkKh32eEJie4IIOhZlcClzQt&index=1&t=0s Don't forget to like, subscribe, and hit the notification bell to stay updated with my latest videos on AI agents and automations!
Tutorial๐ to build a beautiful mobile responsive portfolio using Nextjs, Tailwind css and Framer-motion that has good lighthouse score. Demo Link๐ค: https://minimal-nextjs-portfolio-website.vercel.app/ ----------------------------------------------- Need Web Development or AI Solutions Services? ๐ Let's bring your ideas to life! Contact Me From Here: https://tally.so/r/wdlj0N ----------------------------------------------- Blog๐: https://devdreaming.com Noteโ: In the useThemeSwitcher.js file in the following line, --- const preferDarkQuery = "(prefers-color-scheme: dark)"; use "prefers-color-scheme" with s and not "prefer-color-scheme" ----------------------------------------------------------------------------------------------------------- Starter CODE: โก Link ๐: https://github.com/codebucks27/Next.js-Developer-Portfolio-Starter-Code Final CODE: โก Link 1๐: https://codebucks.lemonsqueezy.com โก Link 2๐: https://codebucks.gumroad.com/l/cdccc This link contains all the code which is used in the Video The prompt used to create the image โก "A developer wearing glasses, digital art, profile picture, white background" ----------------------------------------------------------------------------------------------------------- Hey there ๐, If you want to stand out in the crowded job market, you need a visually stunning portfolio. In this video, I'll show you how to create one using NextJS, Tailwind CSS and Framer Motion. With the power of these three tools, you can transform your portfolio from outdated to outstanding. I'll take you through the process step by step, from setting up the environment to building your site. By the end of this video, you'll have all the knowledge you need to build a professional-grade portfolio. For this project, we're going to use, โถ๏ธ Next Js โถ๏ธ Tailwind CSS for styling โถ๏ธ Framer-motion for animations Don't forget to watch the whole video, we're going to learn a lot of stuff like, โถ๏ธ How to use Tailwind css in a NextJs โถ๏ธ How to use framer-motion to create awesome animations โถ๏ธ How optimize images using next js โถ๏ธ How to use google fonts in next js โถ๏ธ How to implement dark mode in your next js portfolio Watch the full video to understand, so that you can easily build and customize your own website. Timestampโ: Intro + Demo @00:00:00 Setup and Installation @00:06:20 Tailwind CSS Setup @00:08:10 Adding Fonts @00:11:55 Navbar Component @00:18:35 Logo Component @00:22:25 Creating Home Page @00:45:18 Creating Animated Text Component @00:54:50 Footer Component @01:12:40 Hire Me Circular Text @01:19:20 About Page @01:30:50 Creating Skills Component @01:54:12 Creating Experience & Education Component @02:06:40 Projects page @02:33:10 Articles page @02:59:55 Adding Darkmode in portfolio @03:32:05 Dark Mode on refresh - @4:10:09 Optimizing NextJs Image Component @04:14:22 Make it Responsive @04:19:50 Page Transition Effect @05:38:22 Some Tips and Notes @05:48:25 ๐๐ผ๐น๐น๐ผ๐ ๐บ๐ฒ ๐ผ๐ป ๐ ๐๐ต๐ฒ๐ฟ๐ฒ ๐'๐บ ๐๐ต๐ฎ๐ฟ๐ถ๐ป๐ด ๐น๐ผ๐'๐ ๐ผ๐ณ ๐๐๐ฒ๐ณ๐๐น ๐ฟ๐ฒ๐๐ผ๐๐ฟ๐ฐ๐ฒ๐! Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com In upcoming videos, I'm going to create lots of cool stuff with JavaScript and React so make sure to subscribe. Like, Sub๐ฅ & Share! โฅ Learn More About, ๐ฅโญBuild Feature Rich Crypto Screener App with Tailwind CSS https://youtu.be/JPlVb3t6kx8 ๐ฅBuild awesome 3D landing page for Apple iPhone using ReactJS + ThreeJS + GSAP https://youtu.be/cT160dOzpGY ๐ฅBuild a Stunning Fashion Studio Website with React JS [ Locomotive Scroll + GSAP + Framer Motion ] https://youtu.be/Ra1Fsa9YJCk ๐ฅCreate an NFT Collection Website Landing page with React JS [Mobile Responsive] https://youtu.be/edr2o59Twrs ๐ฅBuild a Stunning Portfolio Website with React JS [ Framer-motion + Styled-components ] https://youtu.be/jcohAIaSy2M Build Devto Clone in React: https://youtube.com/playlist?list=PLjxZxD6BDkebDKxYH4El8P4Obb5VzcGlX Build Awesome stuff with ReactJs (Playlist) : https://youtube.com/playlist?list=PLjxZxD6BDkebOPXoqccGpiinfdY9zybXm React Advanced Topic (Playlist) : https://www.youtube.com/playlist?list=PLjxZxD6BDkeZoRU6v7gMyQ7BirGD6u0Lt If you have any suggestions regarding any topics in Web Development feel free to reach out or just comment below. Thank You for watching! ๐ Where else you can find me: Twitter๐ค : https://twitter.com/code_bucks LinkedIn ๐: https://www.linkedin.com/in/codebucks/ Instagram ๐ซ: https://www.instagram.com/code.bucks Email ๐ง: codebucks27@gmail.com Disclaimer: All videos are for educational purposes only, please use them wisely. #nextjs #tailwindcss #portfolio
2023. 3. 27.
https://systemdesignschool.io/ ๐ Best place to learn and practice system design. Today we're going to design a webhook service just as you would in a system design interview! We're going to cover system requirements, create a design for what the system might look like, and walk through key data flows. 0:00 - Intro 0:14 - What is a Webhook? 1:04 - Functional Requirements 1:36 - Non-Functional Requirements 2:13 - High-Level Design 3:41 - Data Flow 4:41 - Handling Failure in Each Component 5:35 - Handling Duplicate Events 6:28 - Security
2024. 9. 6.
๐ง๐ปโ๐ป 30๋ ํ๋ก ํธ์๋ ๋น์ ๊ณต์ ์ ์ ์คํ ๐ ๋งํฌ๋ชจ์ : https://solo.to/dongjun_yang ๐ฅ ์ด๋ ฅ์ํ๋งค - ํ ํ๋ฆฟ/ํฉ๊ฒฉ์ด๋ ฅ์/๊ธฐ์ ์ถ์ฒ ๐ฆ ์ ๋ฐ๋ฏธ๊ฐ์ - ์ค์ ํ๋ก์ ํธ ์ค๊ณ ๐ ์ธํ๋ฐ๊ฐ์ - AWS์๋ฒ๋ฆฌ์ค ๐ ์ธํ๋ฐ๊ฐ์ - AWS ElasticSearch ๐ ์ธํ๋ฐ๊ฐ์ - Express + AWS EC2 RDS ๐ ์ธํ๋ฐ๊ฐ์ - ์ด๋ ฅ์ ํฌํธํด๋ฆฌ์ค ๐ ์ธํ๋ฐ๊ฐ์ - ํ๋ก ํธ์๋ ๋ก๋๋งต(์ ์์ฑ ์ฆ์ ) ๐ ์ธํ๋ฐ๊ฐ์ - ๋ฐฑ์๋ ๋ก๋๋งต(์ ์์ฑ ์ฆ์ ) ๐ง ์ด๋ ฅ์, ํฌํธํด๋ฆฌ์ค ์๋ด ๐ ์ ์์ฑ (ํ๋ก ํธ์๋ ๋ก๋๋งต) ๐ ์ ์์ฑ (๋ฐฑ์๋ ๋ก๋๋งต) ๐ ๋์ค์ฝ๋ ์ปค๋ฎค๋ํฐ - ๊ตฌ๋ ํ์๊ณ ๋์ค์ฝ๋์ ์ง๋ฌธํด๋ณด์ธ์!
2024. 10. 27.
Client-Side Service Discovery allows services to find other services directly, while Server-Side Service Discovery relies on a central registry to route requests. Both methods impact how microservices communicate and scale. https://www.linkedin.com/in/bytemonk/ https://www.youtube.com/playlist?list=PLJq-63ZRPdBt423WbyAD1YZO0Ljo1pzvY https://www.youtube.com/playlist?list=PLJq-63ZRPdBssWTtcUlbngD_O5HaxXu6k https://www.youtube.com/playlist?list=PLJq-63ZRPdBu38EjXRXzyPat3sYMHbIWU https://www.youtube.com/playlist?list=PLJq-63ZRPdBuo5zjv9bPNLIks4tfd0Pui https://www.youtube.com/playlist?list=PLJq-63ZRPdBsPWE24vdpmgeRFMRQyjvvj https://www.youtube.com/playlist?list=PLJq-63ZRPdBslxJd-ZT12BNBDqGZgFo58 AWS Certification: AWS Certified Cloud Practioner: https://youtu.be/wF1pldkQrOY AWS Certified Solution Architect Associate: https://youtu.be/GzomXNLFgkk AWS Certified Solution Architect Professional: https://youtu.be/KFZrBxSA9tI #microservices #servicediscovery
2024. 10. 15.
๋ฆฌ๋ ์ค ์ปค๋ ๊ฐ์๋ ๋ฆ์ด๋ 10์ 11์ผ์ ์ธํ๋ฐ์์ ์คํ ํฉ๋๋ค. OJ TUBE์์ ์งํ๋ ๊ฐ์๋ค โท ์๋ฒ ๋๋ ์ ๋ฃ ๊ฐ์ (๋ง๋ณด๊ธฐ) https://www.youtube.com/watch?v=8JebKNKx6G4&list=PLz--ENLG_8TMQ1HKzZKiRkaeL4jeSYVsx โท ์๋ฒ ๋๋ ์ธํ๋ฐ ๊ฐ์ ๋งํฌ : https://inf.run/WAbM 15๋ง์ ํ ์ธ ์ฟ ํฐ : 15043-fa6e9a370f96 โท C์ธ์ด ๊ฐ์ (์๋ฃ) https://youtube.com/playlist?list=PLz--ENLG_8TMdMJIwyqDIpcEOysvNoonf
2024. 10. 7.
Get Docker Desktop here: https://dockr.ly/4dkjx8a (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). ๐ Check out Kinde for auth and more https://bit.ly/3QOe1Bh ๐ 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 where I actively participate ๐ Kinde: check out Kinde for auth and more https://bit.ly/3QOe1Bh โฑ๏ธ Timestamps: 00:00 Intro 01:13 Quick example of Dockerizing Next.js for local development 01:31 docker init 03:04 Docker compose watch (hot reload!) 03:55 Docker Scout 04:54 Postgres development setup (with Docker) 06:39 Prisma setup 11:53 Docker debug 13:05 Production environment 13:29 Vercel setup 18:54 Database migrations 22:45 Docker + Next.js + Postgres final overview #webdevelopment #reactjs #nextjs #docker
2024. 5. 9.