μ μλ§ κΈ°λ€λ € μ£ΌμΈμ.
Sonny Sangha
2024. 6. 20.
Get started with lcl.host today: π https://lcl.host GitHub Source Code: π https://github.com/sonnysangha/stripe-payment-elements-with-https-nextjs-14-demo π¨ Join the worldβs BEST developer community βZero to Full Stack Heroβ NOW: https://www.papareact.com/course π΄ LOOKING FOR THE CODE FROM MY OTHER BUILDS? π οΈ https://links.papareact.com/github Join me as I show you how to build and test popular payment methods like Apple & Google Pay on localhost with Next.js 14. You'll learn the following in this video: π How to integrate Stripe's embeddable UI Component: Stripe Payment Element to Accept Payment Methods π How to Test Payment Methods like Apple Pay & Google Pay on localhost using lcl.host π Benefits of using lcl.host compared to Next.js Experimental Flag π Benefits of using lcl.host compared to ngrok π How to Create an API Route Handler in Next.js 14 to Accept Payments π How to build a fully responsive site with Tailwind CSS π How to use TypeScript to reduce the overall number of Bugs and Errors π© WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST? Sign up for the PAPAFAM Newsletter here π https://links.papareact.com/newsletter ππ»FOLLOW ME HERE: Instagram: https://links.papareact.com/instagram Facebook: https://links.papareact.com/facebook LinkedIn: https://links.papareact.com/linkedin Twitter: https://links.papareact.com/twitter Discord: https://links.papareact.com/discord π° WANT TO SUPPORT THE CHANNEL? Donate here: https://links.papareact.com/donate Grab some PAPAFAM Merch: https://links.papareact.com/merch π TIMESTAMPS: 00:00 Introduction 00:23 Build Demo 01:35 Build Breakdown in 5 Steps 02:08 Step 1 | Creating the Next.js 14 App 03:19 Step 2 | Implementing Stripe Payment Element 07:46 Creating the Checkout Page 08:40 Step 3 | Creating a Next.js 14 API Route Handler to Accept Payments 10:56 Generating a Client Secret based on the Payment Method Selected 17:25 Step 4 | Redirecting User to a Payment Success Page 18:08 Problem with Testing Payment Methods on localhost 18:46 Step 5 | Implementing lcl.host to Test Payment Methods in localhost 21:31 Testing Payment Methods on localhost! 22:43 Why Use HTTPS in a Local Environment 24:05 lcl.host vs Next.js Experimental Flag 24:37 lcl.host vs ngrok 25:07 Benefits of lcl.host 25:55 Outro Letβs get it PAPAFAM π₯. #nextjs14 #localhost #anchor #applepay #googlepay #lclhost #tailwindcss #typescript #testing #reactjs #javascript
μ΄λ² μμμμλ LLM μ΄ν리μΌμ΄μ μλΉκ³Ό μ΅μ νμ λν Q&Aλ₯Ό μ€λΉνμ΅λλ€. μ¬λ¬λΆμ κΆκΈμ¦μ μ‘°κΈμ΄λλ§ ν΄μν΄λλ ΈκΈΈ λ°λλλ€. [μ€μ΅νμΌ] - λ³Έ νμΌμ Colabμμ μ€νλμ§ μμ΅λλ€. λ‘컬μ λ€μ΄λ‘λν΄μ νμ©νμκΈΈ λ°λλλ€. https://drive.google.com/file/d/1fQ_6ORPgUCZje9PIQU2xhFgpxJ_io8NS/view?usp=sharing κ·Έλ¦¬κ³ μ¦κ±°μ΄ μμμ μ ν΄λλ¦¬λ €κ³ ν©λλ€! π μ΄λ² μμμμλ νΉλ³ν λκΈ μ΄λ²€νΈλ₯Ό μ§νν©λλ€. π£ λκΈ μ΄λ²€νΈ μλ΄ π£ μ°Έμ¬ λ°©λ²: μ΄ μμμ λκΈ λ¬κΈ° μΆμ²¨ μΈμ: μ΄ 3λͺ κ²½ν: π₯ 1λ± (1λͺ ): ν¨μ€νΈμΊ νΌμ€ "Langgraphλ‘ λλ΄λ λ©ν° AI μμ΄μ νΈ" κ°μ 100% ν μΈκΆ π₯ 2λ± (2λͺ ): κ°μ κ°μ 50% ν μΈκΆ AI μμ΄μ νΈμ κ΄μ¬ μμΌμ λΆλ€μκ² μ λ§ μ’μ κΈ°νκ° λ κ² κ°μ΅λλ€. μ¬λ¬λΆμ μ΄μ μ μΈ μ°Έμ¬λ₯Ό κΈ°λ€λ¦¬κ³ μκ² μ΅λλ€! μ§λ¬Έ, μ견, μμ΄λμ΄... μ΄λ€ λκΈμ΄λ νμν©λλ€. ν¨κ» λ°°μ°κ³ μ±μ₯νλ μ¦κ±°μ΄ μκ° λκΈΈ λ°λλλ€. π±
2024. 10. 11.
Learn how to build a complete e-commerce website with checkout, user accounts, inventory management, user reviews, and more with this free 15h course! β Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs β Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices π Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter π¬ Join our developer community on Discord: https://codinginflow.com/discord π£ Follow Coding in Flow on social media: Twitter: https://twitter.com/codinginflow Instagram: https://instagram.com/codinginflow TikTok: https://tiktok.com/@codinginflow Facebook: https://facebook.com/codinginflow
2024. 10. 17.
Suuuper handy new CSS: :user-invalid and :user-valid pseudo selectors let you style inputs only once they have been interacted with Just landed in Chrome + Safari, been in Firefox for years.
2023. 12. 11.
#κ°λ°μ #μ μ± #μ½λ© λ΄κ° μ½λ© / κ°λ°μ μ μ±μ λ§μμ§ μ λ§μμ§ κ³ λ―Ό μ€μ΄μ λΆλ€μ΄ μλ€λ©΄ μ΄ μμμΌλ‘ μ΄λμ λ κ°μ΄ μ‘νμ€κΊΌλΌ μκ°ν΄μ! βοΈ
2023. 12. 31.
π₯ κ°λ°μ μ·¨μ λ Ένμ° ν νλ¦Ώ λ€μ΄λ‘λ : https://bit.ly/4a10f5N λ¬Έκ³Όμμ μν IT μ©μ΄ ν΄μ€ λ¬΄λ£ κ°μ : https://bit.ly/3UdCkdL ChatGPTλ‘ λ Έμ½λ μΉμ¬μ΄νΈ λ§λ€κΈ° : https://bit.ly/3vuiEs7 κ°λ°μμ νμ μ μν κΈ°μ΄ μ½λ© μ©μ΄ : https://bit.ly/3tDdzNI μ·¨μ , μ΄μ§μ μ€λΉνμλ λΆλ€μ μν λ λ§μ μ 보λ μλλ₯Ό μ°Έμ‘°ν΄μ£ΌμΈμ. 2024λ λ΄μΌλ°°μμΉ΄λ λ°κΈ, μ¬μ©λ°©λ² : https://bit.ly/3vCX2tV λΆνΈμΊ ν μ νμ κΌ μ²΄ν¬ν΄μΌ ν 5κ°μ§ : https://bit.ly/4aFdKZA λΆνΈμΊ νλ 9to9μ μ νν΄μΌ νλ μ΄μ : https://bit.ly/3vnSfMH λλ₯Ό λͺ°μ νκ² λ§λλ λΆνΈμΊ νκ° μ€μν μ΄μ : https://bit.ly/4aGmIWv νμ§μκ° λ§νλ AI μλμ κ°μΆ°μΌ νλ μ΄μ : https://bit.ly/3HcZae9 λΉμ 곡μμ λ€μν μ΄μΌκΈ°λ€ μ격 λΆνΈμΊ νλ‘ κΈμ΅κΆ IT ν©κ²©νμ΄μ! : https://bit.ly/3NMqZOn μμ μ¬μ νλ€κ° κ°λ°μλ‘ μ ν₯νμ΄μ! : https://bit.ly/3S35V8P λ κΆκΈνμ κ²λ€μ λκΈλ‘ λ¨κ²¨μ£ΌμΈμ! μμμ΄λ λΈλ‘κ·Έλ₯Ό ν΅ν΄ κ°μ₯ μ΅μ μ λ³΄λ‘ μλ €λλ¦¬κ² μ΅λλ€. κ°μ¬ν©λλ€.
2024. 9. 20.
Spring boot - CoolSMS λ₯Ό μ΄μ©ν λ¬Έμλ©μΈμ§ μ μ‘
2024. 5. 12.