Build a Full Stack YouTube Clone (Vue JS, Javascript, Tailwind CSS, Laravel, Inertia JS, PHP)
John Weeks Dev
Hi Developers, In this tutorial, we will build a full stack YouTube clone using the powerful combination of Vue.js, Javascript, Tailwind CSS, Laravel, and Inertia.js. We will start by setting up a fresh Laravel project ( PHP ) and integrating Vue.js and Tailwind CSS. Next, we will use Inertia.js to handle the client-side routing and make it feel like a single-page application. We will then build out the main features of the application, such as video uploads, file uploads, and video playback when hovering over a thumbnail. By the end of this tutorial, you will have a solid understanding of how to use these technologies to build a fully-featured web application. So, stay tuned for this exciting tutorial, and get ready to create your own YouTube clone!
LIKE!!! SUBSCRIBE!!! SMASH THE NOTIFICATION BELL!!!
And I'll see you in the video!
Buy me a coffee - https://www.buymeacoffee.com/johnweeksdev
Let's Build Deezer with LYRIC SYNC - https://www.youtube.com/watch?v=XmCSzo09yqY Let's Build Spotify in 90 minutes - https://www.youtube.com/watch?v=ZzuqwqP1wAQ Let's Build Twitter in 90 minutes - https://www.youtube.com/watch?v=RWJF0xSSaps Let's Build Amazon in 2 hours - https://www.youtube.com/watch?v=SAUKvG6ILSs Let's Build WhatsApp in 90 minutes -https://www.youtube.com/watch?v=E-cg6Bqaxm0 Let's Build Uber in 90 minutes - https://www.youtube.com/watch?v=zXpr8zaK2eA Let's Build Gmail in 2 hours - https://www.youtube.com/watch?v=KE5sQiHRZQg
GitHub Repo - https://github.com/John-Weeks-Dev/youtube-clone
00:00 - App demonstration | Tailwind CSS | Vue 3 | Laravel 02:29 - Project setup | Tailwind CSS | Vue 3 | Laravel 13:04 - Side Navigation | Tailwind CSS | Vue 3 | Laravel 13:04 - Side Navigation items component | Tailwind CSS | Vue3 | Laravel 21:06 - Main video section | Tailwind CSS | Vue3 | Laravel 23:07 - Video component | Tailwind CSS | Vue3 | Laravel 34:14 - Video by ID section | Tailwind CSS | Vue3 | Laravel 43:26 - Recommended videos component | Tailwind CSS | Vue3 | Laravel 49:56 - Videos delete page | Tailwind CSS | Vue3 | Laravel 53:49 - Video upload page | Tailwind CSS | Vue3 | Laravel 58:06 - Side navigation OVERLAY | Tailwind CSS | Vue3 | Laravel 1:06:28 - Laravel migrations & Seeders | Get read data from database 1:17:06 - Add the YouTube logo 1:18:36 - Adding the Inertia JS Links 1:19:45 - Delete video logic 1:22:21 - Upload video & thumbnail logic 1:32:09 - FINISHED!!! LIKE!!! SUBSCRIBE!!! And see you soon!
YouTube clone Laravel Vue JS Inertia JS Tailwind CSS 90-minute build Let's build DIY YouTube How to create a YouTube clone Building a video sharing platform YouTube tutorial Laravel tutorial Vue JS tutorial Inertia JS tutorial Tailwind CSS tutorial
#youtubeclone #laravel #vuejs #inertiajs #tailwindcss #90MinuteBuild #letsbuild #diyyoutube #howto #BuildingAVideoSharingPlatform #youtubetutorial #laraveltutorial #vuejstutorial #InertiaJSTutorial #tailwindcsstutorial #webdevelopment #webdevtutorial #fullstackdevelopment ... https://www.youtube.com/watch?v=o-hIuejQzAA
358112479 Bytes