Program With Erik
Program With Erik
  • 721
  • 11 281 037
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
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...
This Vue Mistake Was A Real Problem
zhlédnutí 3,6KPřed 5 měsíci
This Vue Mistake Was A Real Problem
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)

Komentáře

  • @blackwavearcade3ms

    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.

  • @blackwavearcade3ms

    Tailwind gives me anxiety.

  • @MirkoTebaldi
    @MirkoTebaldi Před 2 dny

    Our problem is how to integrate cognito SSO

  • @syedshow811
    @syedshow811 Před 2 dny

    next great video would be deploying to amplify using cdk

  • @shadyarbzharothman8689

    Thanks, can I know how you're using these svgs?

  • @manu144x
    @manu144x Před 9 dny

    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.

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @ProgramWithErik
    @ProgramWithErik Před 10 dny

    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/

  • @user-uh1xv1ow1z
    @user-uh1xv1ow1z Před 10 dny

    meen, you saved my day, thanks a lot

  • @ivegoturnumber
    @ivegoturnumber Před 10 dny

    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.

  • @MadSimple
    @MadSimple Před 21 dnem

    Illinois Mono is the coolest font

  • @kazmuz5916
    @kazmuz5916 Před 21 dnem

    Erik could you plz create video with Amplify Gen 2 setup and auth + Nuxt 3 please, thank you in advance😊

  • @nested9301
    @nested9301 Před 21 dnem

    Unpopular opinion : ithink each app should have it's own design system

  • @kazmuz5916
    @kazmuz5916 Před 21 dnem

    finally a vercel alternative

  • @kazmuz5916
    @kazmuz5916 Před 21 dnem

    Awesome, so happy!! Thank you!!

  • @adolfusadams4615
    @adolfusadams4615 Před 25 dny

    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?

  • @robertmisior8662
    @robertmisior8662 Před 26 dny

    Since this workflow has changed should this video remain?

  • @goummoboris5194
    @goummoboris5194 Před 26 dny

    Free Chi Chi ? Or cheat sheet ??😅

  • @nested9301
    @nested9301 Před 29 dny

    t has alot of bugs i tested so many times it's weird

  • @gazorbpazorbian
    @gazorbpazorbian Před měsícem

    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.

  • @saiyudhmannan1402
    @saiyudhmannan1402 Před měsícem

    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 ?

  • @Ndjdjsjrjjfjr
    @Ndjdjsjrjjfjr Před měsícem

    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.

  • @nosmirck
    @nosmirck Před měsícem

    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?

  • @peziom-rn7sv
    @peziom-rn7sv Před měsícem

    why you miss iam configuration step?

  • @codefactory3190
    @codefactory3190 Před měsícem

    So literally another shadcn??

  • @zergcore
    @zergcore Před měsícem

    I thought you were also going to migrate or create an API using fastify, bc of the title, but you didn't.

  • @shameelk-fo1jg
    @shameelk-fo1jg Před měsícem

    With certificate?

  • @superchefliumaohsing
    @superchefliumaohsing Před měsícem

    Thank you

  • @EzequielRegaldo
    @EzequielRegaldo Před měsícem

    Im glad to see very good use of well practices

  • @alcrabie
    @alcrabie Před měsícem

    Hi ,how to use it in option api

  • @amalbekegamberdiyev
    @amalbekegamberdiyev Před měsícem

    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

  • @johnnyw525
    @johnnyw525 Před měsícem

    Skip the nonsense. The discussion starts here: 3:08

  • @user-fj7df3ng7z
    @user-fj7df3ng7z Před měsícem

    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>....

  • @freekeys
    @freekeys Před měsícem

    Can you make video on Nuxt 3 + amplify gen 2 and how to use custom business logic in queries & mutations

  • @joebat761
    @joebat761 Před měsícem

    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?

  • @beyourahi
    @beyourahi Před měsícem

    in the simplest words.....is this better and cheaper than Vercel?

  • @devinschumacher
    @devinschumacher Před měsícem

    dont think youre supposed to be putting divs in buttons. good video though i hadnt heard of these before

  • @jayfallon
    @jayfallon Před měsícem

    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.

  • @AmitSharma-um9mm
    @AmitSharma-um9mm Před měsícem

    How can we run this on a same server as the project?

  • @kstan79
    @kstan79 Před měsícem

    Remove .value simply confuse us whether it is reactive variable or not. No doubt code shorter