μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Anton Putra
2024. 8. 17.
π [Playlist] New Benchmarks: https://youtube.com/playlist?list=PLiMWaCMwGJXmcDLvMQeORJ-j_jayKaLVn&si=p-UOaVM_6_SFx52H π΄ - To support my channel, Iβd like to offer Mentorship/On-the-Job Support/Consulting - me@antonputra.com π [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd β¬β¬β¬β¬β¬ Experience & Location πΌ β¬β¬β¬β¬β¬ βΊ Iβm a Senior Software Engineer at Juniper Networks (12+ years of experience) βΊ Located in San Francisco Bay Area, CA (US citizen) β¬β¬β¬β¬β¬β¬ Connect with me π β¬β¬β¬β¬β¬β¬ βΊ LinkedIn: https://www.linkedin.com/in/anton-putra βΊ Twitter/X: https://twitter.com/antonvputra βΊ GitHub: https://github.com/antonputra βΊ Email: me@antonputra.com β¬β¬β¬β¬β¬β¬ Related videos π¨βπ« β¬β¬β¬β¬β¬β¬ π [Playlist] Kubernetes Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnHmccp2xlBENZ1xr4FpjXF π [Playlist] Terraform Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXmJdmfJjG3aK1IkU7oWvxIj π [Playlist] Network Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXluySjXqWG6fg1H1hzd-zWz π [Playlist] Apache Kafka Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXlL8-E-xu8RBwyC5YfS3V5e π [Playlist] Performance Benchmarks: https://www.youtube.com/playlist?list=PLiMWaCMwGJXl-h2RgOSpdO-pQaSRwlVjd π [Playlist] Database Tutorials: https://www.youtube.com/playlist?list=PLiMWaCMwGJXnhmmh5pu9sdWekdRwAzV5f β¬β¬β¬β¬β¬β¬β¬ Timestamps β° β¬β¬β¬β¬β¬β¬β¬ 0:00 Intro 0:48 Java Quarkus Overview 1:38 Golang Overview 1:59 What is a Percentile? 3:42 1st Test Diagram 4:53 2nd Test Diagram 5:59 Image Size 9:35 Startup time 11:23 1st Test 13:37 2nd Test β¬β¬β¬β¬β¬β¬β¬ Source Code π β¬β¬β¬β¬β¬β¬β¬ βΊ GitHub: https://github.com/antonputra/tutorials/tree/main/lessons/201 #Java #Golang #Kubernetes
In this video you'll learn how to save your react app state to local storage so that relevant data will be persisted. Codesandbox: https://codesandbox.io/p/sandbox/react-context-with-local-storage-oonpvx?file=%2Fsrc%2FApp.jsx Context API Explanation: https://www.youtube.com/watch?v=bJMwH1FWSmU Github: https://github.com/nikitapryymak Support Me: https://www.buymeacoffee.com/nikitadev Contact Me: nikitadev292@gmail.com
2023. 1. 18.
Here we will show how to display chart data or sales data. We will use a plugin called syncfusion to show sales data. Here you can get the complete code https://www.dbestech.com/tutorials/flutter-shows-data-in-chart Learn about our excellent course Flutter Multi Vendor App (includes chat) https://www.dbestech.com/tutorials/flutter-multi-vendor-app Flutter Single Vendor App https://www.dbestech.com/tutorials/flutter-food-delivery-app-e-commerce-for-ios-and-android Riverpod E-commerce app stunning UI https://www.dbestech.com/tutorials/riverpod-folder-structure-clean-architecture
2024. 8. 5.
μ€λμ "μΈκ°μ΄ μ΄λν λν μ°Έμ¬" μ± μ μκ°ν©λλ€. 00:00 λμ 00:36 ν νμ΄μ§ μμ½ 03:12 μ΄ μ± μ λͺ©μ°¨ 04:33 무μμ΄ μ΄ μ± μ ν₯λ―Έλ‘κ² λ§λλκ°? 18:21 λμ λ μ 19:28 κ²°λ‘ κ³Ό λ§λ¬΄λ¦¬
2024. 5. 1.
π The Ultimate Next.js 15 Course is now on SALE! https://jsmastery.pro/next15 In this course, you'll master Next.js, the official React framework, and learn essential concepts like routing, rendering, and full-stack features. Finally, you'll put your skills to the test by building your own enterprise-ready application, YC Directory, while optimizing performance and SEO. Get ready to impress potential employers with your new skills and real-world projects! β The app in this video uses Sanity, an API platform for structured content that pairs perfectly with Next.js: https://www.sanity.io/jsmastery β JetBrains sponsored this video to allow me to share a huge news with you... WebStorm is now free for non-commercial use: https://jb.gg/JSMastery β Sentry helps us monitor the app and ensures it doesn't break: https://bit.ly/4abT6PG πΒ Ultimate NextJS 15 eBook - https://resource.jsmastery.pro/nextjs-ebook π¨ Pitch Startup App Figma Design - https://resource.jsmastery.pro/pitch-startup π Materials/References: GitHub Repository (give it a star β): https://github.com/adrianhajdin/yc_directory README (assets & code): https://github.com/adrianhajdin/yc_directory/blob/main/README.md In this video, you'll learn: - Next.js 15 App Folder Structure - Next.js 15 Client Components vs Server Components - Next.js 15 File-based Routing (including dynamic, nested routes and route groups) - Next.js 15 page, layout, loading, and error Special Files - Next.js 15 Serverless Route Handlers (Next API, API Routes, Full Stack Apps) - Next.js 15 Metadata and Search Engine Optimization (SEO) - Multiple ways to fetch data in Next.js: - Server Side Rendering (SSR), - Static Site Generation (SSG) - Incremental Static Generation (ISR) - Partial Pre-rendering (PPR) - Authentication with NextAuth - Next.js 15 Cache - Next.js 15 Server Actions - Next.js 15 Data Fetching, Architecture - Next.js 15 Parallel and sequential data fetching - Next.js 15 unstable after π» Join our Discord Community: https://discord.com/invite/n6EdbFJ π¦ Follow us on Twitter: https://x.com/jsmasterypro πΌοΈ Follow us on Instagram: https://instagram.com/javascriptmastery π Follow us on LinkedIn: https://linkedin.com/company/javascriptmastery/ πΌ Business Inquiries: contact@jsmastery.pro Time Stamps π 00:00:00 β Intro 00:05:25 β Next.js Benefits 00:10:55 β Next.js Theory & Practical 01:02:03 β Demo of the App 01:06:58 β Setup new project 01:09:20 β Authentication with NextAuth 01:28:25 β Theming and Fonts 01:35:28 β Hero Section 01:44:15 β Search Form 01:55:30 β All Startups & Startup Card 02:12:37 β Sanity Setup 02:20:01 β Sanity Schema 02:33:03 β Fetching Data and Type Safety 02:45:05 β Cache and Live API w/ Next.js 02:52:37 β Real-time Search w/ URL Query Params 02:56:27 β Understanding Partial Pre-rendering 03:08:31 β Startup Details 03:25:58 β Sanity Write Client 03:34:57 β Author Authentication Flow 03:50:03 β Create Startup Form 04:22:52 β Server Action 04:33:50 β Performance & Bug Tracking in Next.js Apps w/ Sentry 04:43:42 β User Profile 05:02:04 β Final Feature, Parallel Fetching and Deployment
2024. 10. 25.
μ΄ 18κ°μ λμμμΌλ‘ μ΄λ£¨μ΄μ§ Next.js μμ μ λλ€. μ 체μμ μ μλ μ±λμμ λ³Ό μ μμ΅λλ€. opentutorials (κΆμ₯) - https://opentutorials.org/course/5098 youtube μ¬μλͺ©λ‘ - https://www.youtube.com/watch?v=9KOaR6QMb9A&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ μ ννμ΅ : React : https://seomal.com/map/1/220 μνμ½λ© μμ λ©μΌλ§ 리μ€νΈ : https://page.stibee.com/subscriptions/8851 μνμ½λ© μΈμ€ν κ·Έλ¨ : https://www.instagram.com/coohde/
2023. 8. 4.
π Create a modern Portfolio Website with Next.js.14, Tailwind, Kinde, Prisma and Supabase! Learn step-by-step and elevate your development skills. π Kinde Auth: https://dub.sh/xeU8r3v π¨π»βπ» GitHub Repository: https://janmarshal.com/courses/create-a-modern-portfolio-website-with-next-js-14-tailwind-kinde-sanity-and-supabase π My Website: https://www.janmarshal.com β Follow me on Twitter: https://twitter.com/janmarshaldev π§ Business ONLY: jan@alenix.de Resources used: Next.js: https://nextjs.org Kinde: https://dub.sh/xeU8r3v Tailwind.css: https://tailwindcss.com Shadcn/UI: https://ui.shadcn.com Prisma: https://prisma.io Supabase: https://supabase.com Sanity: https://www.sanity.io/ Features: π Nextjs App Router π Kinde Authentication π§ Passwordless Auth π OAuth (Google and GitHub) πΏ supabase Database π¨ prisma Orm π¨ Styling with tailwindcss and shadcn UI β Guestbook Feature π΅ Store Projects in Sanity πΆβπ«οΈ Deployment to Vercel - Pending States - Cache Revalidation - Streaming - Server side implementation Timestamps: 00:00 Intro 2:30 Installation 4:30 Creation of Navbar 31:00 Creation of Guestbook page 40:00 Auth with Kinde 50:00 Finishing Guestbook 01:32:00 Projects Page with Sanity 02:06:00 Create Homepage 02:43:00 Deployment to Vercel
2024. 4. 29.