![Program With Erik](/img/default-banner.jpg)
- 721
- 11 281 037
Program With Erik
United States
Registrace 5. 07. 2013
My name is Erik Hanchett and I'm a web and Java developer from Reno, Nevada. Currently I work as developer advocate for AWS Amplify. Quick plug, make sure to check out ui.docs.amplify.aws/.
I've been a programmer for many years now and I've always been wanting to give back to the community. I started this channel, and my website (www.programwitherik.com) as a way to teach people what I know.
I started learning web development seriously in early 2015, before that I strictly programmed in Java. I worked many nights and weekends getting up to speed and I blogged about my journey. I decided to focus on Ember.js and after about a year I wrote my first book on it! (goo.gl/LEIdSc )! Now a days I work in Vue.js/React/Node and more!
Stick around this channel, I do tutorials, advice and occasionaly I vlog! If you got this far please tweet me the words "I read it" at ERIKCH - That would make my day!
I've been a programmer for many years now and I've always been wanting to give back to the community. I started this channel, and my website (www.programwitherik.com) as a way to teach people what I know.
I started learning web development seriously in early 2015, before that I strictly programmed in Java. I worked many nights and weekends getting up to speed and I blogged about my journey. I decided to focus on Ember.js and after about a year I wrote my first book on it! (goo.gl/LEIdSc )! Now a days I work in Vue.js/React/Node and more!
Stick around this channel, I do tutorials, advice and occasionaly I vlog! If you got this far please tweet me the words "I read it" at ERIKCH - That would make my day!
Is this Vue's Static Site Project Dead?
Vue.js 2 Gridsome project was supposed to be Vue's answer to Gatsby. It had static site generation with GraphQL. In this video I look at this project, where it is now, and what to use for alternatives.
👉 Check out my last video on Hosting Made Easy With AWS Amplify Gen 2
czcams.com/video/1D1Y3h98SAM/video.htmlsi=1kXrzqMiyMjLoN0g
👉Sign up for my mailing list and get neat stuff!
bit.ly/3Umk7sW
👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
mentors.to/erik
Links:
gridsome.org/
nuxt.com/docs/guide/concepts/rendering#route-rules
👉 Check out my last video on Hosting Made Easy With AWS Amplify Gen 2
czcams.com/video/1D1Y3h98SAM/video.htmlsi=1kXrzqMiyMjLoN0g
👉Sign up for my mailing list and get neat stuff!
bit.ly/3Umk7sW
👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Check out my 1-on-1 mentoring!
mentors.to/erik
Links:
gridsome.org/
nuxt.com/docs/guide/concepts/rendering#route-rules
zhlédnutí: 2 282
Video
New! Hosting Made Easy With AWS Amplify Gen 2
zhlédnutí 4,9KPřed 3 měsíci
AWS Amplify Gen 2 is about to be released in full general availability and this tutorial discuses how to get started using the starter template and have it hosted on Amplify Hosting. In this tutorial we look at creating a todo app, and using it to display and add todos. 👉 Check out my last video on Vitepress czcams.com/video/NjaJfQN_zZo/video.htmlsi=SaB4pR4kalRCtbTw Links: github.com/ErikCH/amp...
Vue Just Announced Vitepress 1.0! The Best Static Site Generator Ever?
zhlédnutí 11KPřed 3 měsíci
Vitepress is a new Vue.js static site generator that just hit 1.0. In this video we discuss what Vitepress is, how you can use it, and my opinions on it. This tutorial will show you how to create an app, update the markdown, and use ith as a CMS! 👉 Check out my last video on Vitetest czcams.com/video/-4OWElQ-8TQ/video.htmlsi=05yReTerTSvGOlmy 👉Sign up for my mailing list and get neat stuff! bit....
Let's add Vitest To This Vue App? Vue Vitest Tutorial!
zhlédnutí 2,4KPřed 3 měsíci
👉👉👉 Get 3 BONUS CREDITS from Cloudinary sign up here - cld.media/programwitherik In this tutorial video I look at Vitest and add it to the a Vue Nuxt app. I look at what it takes to install, and how I can get it working with this cloudinary app. 👉 Check out my last video on creating a Nuxt image gallery czcams.com/video/Ql8SBCF8OQg/video.htmlsi=Y2rCPMbIhSg796lr 👉Sign up for my mailing list and ...
What Is Vue 3 Vapor Mode?!
zhlédnutí 11KPřed 4 měsíci
Vue 3 vapor mode looks and sounds amazing, but should you use it? Can you use it now? In this tutorial I explain what vue 3 vapor mode is, and how you can test it out right now! 👉 Check out my last video on creating a AI with Vue czcams.com/video/aeFVVBjymNc/video.htmlsi=UDabyvXRRZwWYz28 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW 👉 Need some help with a project, level up yo...
This is Why Your YouTube Channel Isn't Growing... 🤯🤯🤯
zhlédnutí 1,1KPřed 4 měsíci
Creating a Vue.js CZcams channel in 2024 isn't easy! In this video I talk about why you should create a CZcams channel in 2024, tips and tricks, and how to do it! 👉 Check out my last video on creating an AI Vue App czcams.com/video/aeFVVBjymNc/video.htmlsi=QhoxQBidD2LG7ejT 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW 👉 Need some help with a project, level up your skills, Reac...
This Vue AI App with Claude 3 Blew Me Away
zhlédnutí 4,4KPřed 4 měsíci
AI with Vue is possible! In this video tutorial I walk through how this new Claude 3 Vision API works and I show how I set it up using Amazon Bedrock and AWS Amplify Gen 2 with Nuxt! Wan to learn more about AWS Amplify Gen 2? Click here 👉 aws.amazon.com/amplify/code-first-development/?trk=723bda6a-b471-471f-add8-81709b098bf9&sc_channel=sm 👉 Check out my last video on creating a Nuxt image galle...
Is Your Vue VSCode Extension Broken?
zhlédnutí 4,6KPřed 4 měsíci
If your Vue language services extension is broken, or any other VSCode extension is broken check out this quick tutorial on how to fix it. 👉 Check out this code On Nuxt Vue Image uploading czcams.com/video/Ql8SBCF8OQg/video.htmlsi=aBIZvyxyKH9gn3b5 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW 👉 Need some help with a project, level up your skills, React, Next, Vue, or Nuxt? Che...
Build A Full Stack Vue Photo Album With Image Editing (Nuxt.js, Cloudinary, API Routes)
zhlédnutí 1,8KPřed 4 měsíci
👉👉👉 Get 3 BONUS CREDITS from Cloudinary here - cld.media/programwitherik In this tutorial video I show you step-by-step on how to create a Photo Album and add image editing using Nuxt.js, Cloudinary, API routes and more! We look at all the different cloudinary services and how they work with the new Nuxt.js module plugin! 👉 Check out my last video on Vue with Panda CSS czcams.com/video/u-N0xIAp...
Panda CSS - Should It Replace Tailwind With Vue?
zhlédnutí 4,5KPřed 4 měsíci
CSS/ Vue / Career Mentoring 👉 mentors.to/erik Panda CSS is a hot new CSS library that uses CSS in JS. But should you use it with Vue.js? Is it a Tailwind replacement? Let's take a look! 👉 Check out my last video on Vue props with TypeScript czcams.com/video/AovK5jedMHg/video.htmlsi=5vbLp5Ed8GKbuxSy 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW 👉 Need some help with a project, ...
A Better Way To Create Vue Components With Props Using TypeScript
zhlédnutí 9KPřed 5 měsíci
The defineProps in Vue can be used in a few ways using TypeScript. In this video I discuss 2 different ways of using props and what I think is best using Zod. 👉 Check out my last video on Styling with Tailwind czcams.com/video/rs6Vmkz93EQ/video.htmlsi=whVnXtkXv25PQhss 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW 👉 Need some help with a project, level up your skills, React, Ne...
Style Your App With Tailwind CSS In 10 Minutes (Full Stack)
zhlédnutí 1,7KPřed 5 měsíci
In this video I explore how I create full stack application using Tailwind and AWS Amplify Gen 2 to get up and running fast. We'll be looking at Next.js server components, using the AWS Amplify library, with Cognito and AWS Appsync in the background. Get started with AWS Amplify Gen 2 docs.amplify.aws/gen2/start/quickstart/ 👉 Check out my last video on Tailwind mistakes I've done czcams.com/vid...
You're Using Tailwind CSS The Wrong Way! A look at reuse.
zhlédnutí 5KPřed 5 měsíci
Working with Tailwind CSS Utility Classes can be tricky. In this video I discuss a refactor I did, that wasn't right, and what I should have done better. 👉 Check out my last video on this Vue Mistake czcams.com/video/v6n-Q0CNq0Q/video.htmlsi=-YWr6DynmJif36SP 👉Sign up for my mailing list and get neat stuff! bit.ly/3Umk7sW Check out Cloudinary - use my link cld.media/programwitherik 👉 Need some h...
TypeScript From End-To-End Changes Everything!
zhlédnutí 2,9KPřed 5 měsíci
TypeScript From End-To-End Changes Everything!
Can I Combine Two Vue Apps Into One Repo And Host Them?
zhlédnutí 2,1KPřed 5 měsíci
Can I Combine Two Vue Apps Into One Repo And Host Them?
This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!)
zhlédnutí 11KPřed 5 měsíci
This Vue 3 Component Pattern is Fire 🔥🔥🔥 (and you should use it!)
These Vite Mistakes With TypeScript Are Bad (React, Vue, Astro)
zhlédnutí 2,6KPřed 6 měsíci
These Vite Mistakes With TypeScript Are Bad (React, Vue, Astro)
3 Must Know Tips For Nuxt.js Developers
zhlédnutí 8KPřed 6 měsíci
3 Must Know Tips For Nuxt.js Developers
The Future Of Tailwind UI Component Frameworks? A look at shadcn/ui.
zhlédnutí 5KPřed 6 měsíci
The Future Of Tailwind UI Component Frameworks? A look at shadcn/ui.
A Better Way To Organize Components In Vue
zhlédnutí 19KPřed 6 měsíci
A Better Way To Organize Components In Vue
This Tailwind UI Component Library Really Surprised Me!
zhlédnutí 11KPřed 6 měsíci
This Tailwind UI Component Library Really Surprised Me!
This Vue Tailwind Component Library Might Be The Best I've Seen...
zhlédnutí 20KPřed 6 měsíci
This Vue Tailwind Component Library Might Be The Best I've Seen...
How To Add A Social Login To Your Website Using AWS!
zhlédnutí 1,2KPřed 6 měsíci
How To Add A Social Login To Your Website Using AWS!
Is Vue 3.4 Update Worth Upgrading For? A look into the new updates for Vue.
zhlédnutí 9KPřed 6 měsíci
Is Vue 3.4 Update Worth Upgrading For? A look into the new updates for Vue.
How To Create A Full Stack Typesafe App With No Knowledge! Using AWS Gen2 and Next.js 14!
zhlédnutí 9KPřed 7 měsíci
How To Create A Full Stack Typesafe App With No Knowledge! Using AWS Gen2 and Next.js 14!
How To Host Your Next.js 14 SSR Website using AWS Amplify Hosting! (Multiple Subdomains too)
zhlédnutí 9KPřed 7 měsíci
How To Host Your Next.js 14 SSR Website using AWS Amplify Hosting! (Multiple Subdomains too)
Nuxt Hosting With ZERO Configuration In Minutes (With AWS)
zhlédnutí 4,9KPřed 8 měsíci
Nuxt Hosting With ZERO Configuration In Minutes (With AWS)
Nuxt Server Components Explained (With New Updates!)!
zhlédnutí 7KPřed 8 měsíci
Nuxt Server Components Explained (With New Updates!)!
Never Create A Nuxt Or Vue App Again Without This Package! (Eslint)
zhlédnutí 11KPřed 9 měsíci
Never Create A Nuxt Or Vue App Again Without This Package! (Eslint)
IMO for resusable components like these two key things should always be available: Props and Slots. For example, if you have a prop called title also have a named slot for title. This way you have the option to pass simple text as the title or use the named slot to pass a title with a sub title or an additional icon or make it clickable etc..(probably in it's own reusable component) Always add a computed property in the component to check if the slot has content for rendering especially if you want additional styling for the named slot. You could also add the title prop as the default content for the slot You could also make a base button (for example) for your reusable button component and extend using the above approach. Creating a new button component and importing the base etc..is just nuts, you'd have like a boatload of button components for no reason. The only time you should do that is if you want to handle a bunch of logic related to that button click but not to the button specifically and then emit the end result - pulling that code out of it's parent This is a cool approach, we do it when needed, but most of the time it's not necessary.
Tailwind gives me anxiety.
Our problem is how to integrate cognito SSO
next great video would be deploying to amplify using cdk
Thanks, can I know how you're using these svgs?
I really wanted to use it but unfortunately there's no support for simple stupid vue router links. They removed it. So now you have to start messing around with slots to inject them everywhere and everything becomes a massive ugly crap and defeats the whole purpose of using a pre-made component library. Otherwise you can just use tailwind to just do it.
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
Hey everyone! This is an older video. If you are starting with AWS Amplify today I'd highly recommend to check out this blog post on using AWS Amplify Gen 2! It's the latest version of Amplify. aws.amazon.com/blogs/mobile/amplify-gen2-ga/
meen, you saved my day, thanks a lot
Thanks. This is indeed a mission to do. Is this similar for google signin too? Why can ampligy Gen 2 make this simpler since it seems like most of the functionality should be the same kind of stuff for each external provider. I'd love it if there was ways to cut and paste the client ID and secret and Gen 2 auto setup all this on the backend.
Illinois Mono is the coolest font
Erik could you plz create video with Amplify Gen 2 setup and auth + Nuxt 3 please, thank you in advance😊
Unpopular opinion : ithink each app should have it's own design system
finally a vercel alternative
Awesome, so happy!! Thank you!!
Hello Erik, I thoroughly enjoy your video tutorials and learn a lot from them. PrimeVue fully released v4 today, could you please do a detailed tutorial on using PrimeVue v4 with Nuxt?
Since this workflow has changed should this video remain?
Free Chi Chi ? Or cheat sheet ??😅
t has alot of bugs i tested so many times it's weird
I've been using a pattern using the mitt library and emit events with the information needed, that way the component doesn't need any prop because you can pass them in the event emission. and the mitt library weights next to nothing.
Hi I followed till 25:54 but i was getting an error why trying to register a user. I am getting an error. Auth UserPool not configured What should I do ?
sorry but replace svelte with angular ,, nobody use Svelte 😂 i am not a professional dev but learner,,, i learned major js frameworks and knew that svelte has smallest community... but i love the concept of svelte and i want it to get more attention.
Hello Erik, is there any way we can get the user-agent from headers on the requests? locally it works, but from the deployed site it doesn't. I suspect the internal cloudfront distribution set for the app doesn't forward all the headers. All I need to know is if the app is running on Android or iOS. How can I achieve this?
why you miss iam configuration step?
So literally another shadcn??
I thought you were also going to migrate or create an API using fastify, bc of the title, but you didn't.
With certificate?
Thank you
Im glad to see very good use of well practices
Hi ,how to use it in option api
Hi Erik. That is cool. I have a question. I have one component in App.vue which receives prop isVisible Boolean type. Can I manage this from another child component? For example, If I click a button in the child component, isVisible changes
Skip the nonsense. The discussion starts here: 3:08
This is the video I've been needing! Finally, a proper explanation of the difference in usage and coding between <script>, <script> with the setup{} function, and <script setup>!! Bravo to you, Erik! Now, if only all those old videos that used just <script> or <script> with {setup} could be magically remade to use <script setup>....
Can you make video on Nuxt 3 + amplify gen 2 and how to use custom business logic in queries & mutations
I would really like to make a blog that builds from a drive folder with google-docs as blog posts. do you think its a good idea?
in the simplest words.....is this better and cheaper than Vercel?
dont think youre supposed to be putting divs in buttons. good video though i hadnt heard of these before
I've been able to get the subdomains working locally but not on Amplify. What gives? At least I've switched from Vercel to Amplify, so I guess the video did the trick.
How can we run this on a same server as the project?
Remove .value simply confuse us whether it is reactive variable or not. No doubt code shorter