Build a Movie App With Vue JS - A Vue 3 Beginners tutorial

Learn how to build a movie app using Vue JS and the composition API. This tutorial is for beginners and up. We learn how to use the Open Movie Database API to pull data into our Vue Movie app.
Source Code: github.com/TylerPottsDev/vue-...
// Support me on Ko-Fi
ko-fi.com/tylerpotts
// FOLLOW ME ON TWITTER
/ tyler_potts_
// BECOME A MEMBER
ruclips.net/user/tylerpottsjoin
// MY GEAR FOR CODING AND RUclips
Blue Yeti Microphone: amzn.to/3jr3l7T
Microphone Stand: amzn.to/35B9LMN
Chair: amzn.to/3dWds3F
Thunderbolt Dock: amzn.to/3osBF6u
Monitor: amzn.to/37I8KoR
All of these products I own and have tested!
// INTERESTED IN GAME DEV?
Game development channel: / muddywolf
// CHECK OUT MY GAME
play.google.com/store/apps/de...
// DO THESE SIMPLE STEPS
LIKE, SUBSCRIBE & SHARE

[@ronanli7862]

Your videos are such helpful to me that I can just follow the steps and learn a lot, thanks bro!

[@mikemontgomery8313]

Thanks your quick tutorials with api calls are perfect for beginners. It's torture to find good videos that aren't simple todos, blogs, or more advanced, drawn out ones.

[@TylerPotts]

You're welcome! Thanks for stopping by!

[@andrewking1173]

Thank you so much for making this video! You can learn so much on how to work in a framework from following tutorials like these. Vue is pretty cool so far =D

[@TylerPotts]

You're very welcome!

[@user-uq3rz4ks2h]

beautifully explained, thanks

[@suman-majhi]

this is called quality content with 0 dislike.... you deserve it bro😘😘

[@TylerPotts]

Thanks!!! 🙌

[@mrlonely7895]

you have no idea how much you helped me, thank you man

[@TylerPotts]

Thanks for being awesome MrLonely! I'm happy to help

[@alexsaus]

Brilliant, Tyler! Many thanks and keep up the great work!

[@TylerPotts]

Thanks, will do!

[@jaydendavian4410]

I know it is kind of off topic but does anybody know a good site to watch newly released movies online ?

[@michaeldalton470]

@Jayden Davian i watch on Flixzone. Just search on google for it :)

[@chennn958]

Great video! Keep it up! You are my go to youtuber for Vue related tutorials

[@TylerPotts]

Thank you! I'll try my best to create quality vue content for you! :D

[@yellowflash5713]

Thank you Tyler :D

[@raulrojas6552]

extremely useful to get started

[@jonnywillone]

Fantastic tutorial! Great work!!

[@TylerPotts]

Glad it was helpful!

[@d-landevjs]

Thank you for sharing your knowledge, your explanation was very helpful!!

[@TylerPotts]

Glad it was helpful!

[@mundocustom1485]

Nice video dude. waiting for more like this, cheers

[@TylerPotts]

Glad you liked it!

[@Frafriduff]

Thank You Tyler...I learned a lot.

[@TylerPotts]

Glad to hear it!

[@1337ghomri]

Thanks, this was my first Vue video. Pretty cool little app.

[@TylerPotts]

Happy you enjoyed it! :D

[@egnaro5536]

Thank you very much!

[@romanmalkin01]

thank you a lot

[@follysitoucarlogbossou8778]

Fantastic. Thank you very much

[@TylerPotts]

Glad you liked it!

[@elzabeels7446]

Thank you SO much for this video! This was my first Vue.js video. How does one make it so that if you click on the Naruto image, that it also shows all the details?

[@programmerrdai]

Great Content keep up the good work thanks

[@TylerPotts]

Thanks, will do!

[@daniela17567]

Hi, cool tutorial!, thank you so much. I tried to clone the repo but it did not work when I use the npm install commands, is this a problem in the repo or my pc?

[@gavaka]

thank you Tyler!!!! I bad understand English, but from this video I understood more than from the video in my native language! =)

[@TylerPotts]

Happy to hear that!

[@AhmadHassan-ss5un]

Keep it up & make a tutorial on vue mongodb authentication

[@TylerPotts]

Thanks and I will do!

[@pauloe9970]

Happy new year 🚀🚀🚀

[@TylerPotts]

Happy new year!!

[@abulsyed4851]

Hey dude, great vid as usual, but would be awesome and highly appreciated if you could make a vid on vue.js linking with node, express & mongo dB and build some app that requires authentication and does some crud operations. Thanks!

[@TylerPotts]

Noted! That's actually something I'm working on :)

[@ronanli7862]

@@TylerPotts I noticed that you made a BLOG project, is it something like Abul mentioned? thanks

[@brayanbahamon2939]

How do I perform an axios request with the new vue 3, without using fetch?

[@erminuzunic5464]

Hey Tyler! Is it difficult to make it so that you only request a set number of random movies? Lets say you only want a list of 20 movies from the api but want it randomized. Also great video!

[@ahmadmuraish1144]

fetch then sort them randomly and then view them with js ..

[@Free--Soul]

great

[@DuyTran-ss4lu]

Awesome

[@TylerPotts]

You're awesome :)

[@brightnwachukwu7581]

hello, great vid for a start but i am having issues creating my own vue project haven followed the same approached as yours.
please i need help.
my versions are
node - 14.15.2
Vue - 4.5.9

[@brightnwachukwu7581]

i have uninstalled the node and reinstall it even did the same for the vue but still same error.
i even tried installing the node-sass but that also gave me error

[@rangabharath4253]

awesome

[@TylerPotts]

Thanks!

[@kamaakh.7960]

Hello, how to change the movie in main page? For example, Naruto to other movie?

[@marcoss4563]

I owe you a beer! ty!

[@TylerPotts]

Ha! Drink one for me!

[@wildingpipes5653]

Thank you so much for this beauty, but how can I stream so many movies and series from where I can get them?

[@TylerPotts]

I think streaming movies is actually illegal. Well it is in my country so I'm not sure I can give that information. Sorry.

[@neeraj1bh]

Thank you for the video can you please make a similar app in React.

[@TylerPotts]

I have... This is a copy of a react version I did last year... :)
ruclips.net/video/ufodJVcpmps/видео.html
(There's even a react native version...)

[@neeraj1bh]

Cooool thanks will check it out.

[@Saskobest]

43:10
When i click on the movie in doesnt take me to new page
how do i fix that?

[@phuchuynhduy7272]

apikey in env.js file. It is empty string, so it doesn't show result looking for. I need assistance, Thank you!

[@user-hz3tr9bu1h]

Please make video how to use vue with mysql or postgre sql.
And how to use VPS hosting for vue

[@TylerPotts]

Okay I will look into it!

[@Father_Of_Sudeera_Muthusinghe]

you are an anime lover. I'm pretty sure about that... 😂😂 Thanks for the video dude. It helped me a lot...

[@TylerPotts]

Haha, noooo of course not... 😏 Anime is top tier! - You're welcome Mr Detective Developer.

[@Father_Of_Sudeera_Muthusinghe]

@@TylerPotts ☝😌💖

[@dexterdragons]

hey, vscode theme?

[@konami2839]

whats vscode theme

[@dungbuithi5960]

Cac ban gioi qua

[@ngocthienpham2197]

where link api?

[@CookingFirePK]

Hey Dear. I am facing a problem. The api you are using is not working. The key had sent. Giving Response : "False", "Error" :"invalid API key! "

[@itzFenners]

Hi Ali, did you make sure to click the link in the email to activate the API key?

[@abdelrhmanharidy7412]

Hello, I wish you well brother, I have a problem, I went to Api Key but you deleted it How do I access it

[@TylerPotts]

You need to get your own API key from the api documentation

[@itzFenners]

Like the content but boy do I have to pause every few seconds, it's output so fast. Slow playback pains me so I like to watch at recorded speed

[@mofumofu3699]

14:57
I see, I found my people

[@siux94]

This is more CSS tutorial then VUE tutorial

[@tailwindprogramming4945]

12x ads in 1 video, unsub and unlike

[@TylerPotts]

Sorry about that, RUclips only allows you to add 10 ads and I've only set 3 of those for this video split every ~20 ish minutes

[@Razvanh29]

Using import env from '@/env.js' results in this error (in the terminal): Could not find a declaration file for module '@/env.js'. Why?