- 35
- 235 074
David Grzyb
Canada
Приєднався 16 кві 2013
Laravel Contact Form Tutorial! (Vue, Inertia.js & Queueing Mail)
In this video I build a contact form app with Laravel, Vue.js, Inertia.js. I cover building the UI with TailwindCSS, saving the entry into the database with the Eloquent ORM and then queueing the mail that I test using mailtrap.io.
⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG
🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS
0:00 Introduction
1:21 Creating the Vue component
4:36 Fixing the UI
6:10 Creating the submission route & controller
8:15 Submitting the form data using Inertia forms
9:55 Validating the request
12:04 Making a model & migration
12:44 Saving a contact submission to the database
16:00 Setting up mailtrap.io
17:00 Creating a mailable & queueing
22:40 Conclusion
#laravel #laravelcourse #laravelhosting #setuplaravel
⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG
🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS
0:00 Introduction
1:21 Creating the Vue component
4:36 Fixing the UI
6:10 Creating the submission route & controller
8:15 Submitting the form data using Inertia forms
9:55 Validating the request
12:04 Making a model & migration
12:44 Saving a contact submission to the database
16:00 Setting up mailtrap.io
17:00 Creating a mailable & queueing
22:40 Conclusion
#laravel #laravelcourse #laravelhosting #setuplaravel
Переглядів: 1 658
Відео
Ultimate Laravel Optimization Guide! (Queries, Queues, Caching, Infrastructure)
Переглядів 7 тис.5 місяців тому
In this video I go over the main optimizations you will get to know as a Laravel developer. Please use the timestamps in the video to watch the most relevant parts. ⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG 🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS 0:00 Introduction 1:25 Build Tools, Optimizing Frontend 3:40 ...
Laravel Link Shortener - Build a URL Shortener Start to Finish! [FULL GUIDE]
Переглядів 11 тис.5 місяців тому
In this video I build a URL Shortener using Laravel and Blade from start to finish. 👨💻 Code: github.com/davidgrzyb/url-shortener-demo ⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG 🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS 0:00 Introduction 2:30 Building Models, Migrations & Factories 11:08 Setting up the Databas...
Manage Local PHP Version with Laravel Herd 👨💻 (PHP 8.4)
Переглядів 2,8 тис.6 місяців тому
In this video I go over the basics of managing PHP versions for your Laravel development environment. This is really easy if you use Laravel Herd, which I demo in this video. ⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG 🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS Laravel Herd: herd.laravel.com/ PHP8.4 changes: lar...
Laravel Custom Command Tutorial 🧙♂️ Learn How to Build Commands!
Переглядів 2866 місяців тому
In this video I go over the basics of Laravel commands and why they are so useful. I also demonstrate how easy it is to run these commands if you host your apps on Cloudways. ⭐️ Signup for Cloudways with my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG 🚨 SIGN UP: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS 0:00 Introduction with Cloudways 0:20 Generating a ...
Easiest Way to Install Laravel on a DigitalOcean! (Cloudways)
Переглядів 9 тис.7 місяців тому
In this video I review the Cloudways service I use to host all of my projects and go through the process of deploying a Laravel demo application to a DigitalOcean droplet with Cloudways. Signup from my promo code and get $10 off of your hosting bill. Use promo code: DAVIDG Sign up here: www.cloudways.com/en/laravel-hosting?id=84395&data1=VPS Setting up Redis on Cloudways for Laravel: www.cloudw...
Getting Started with Inertia, Vite & Vue 3 [Setup Guide]
Переглядів 9 тис.2 роки тому
In this video I cover the process of installing and configuring Inertia, Vite and Vue 3 in your fresh Laravel 9 application. 🚀 Checkout Cloudways for easy Laravel application hosting (where I host all of my apps): www.cloudways.com/en/?id=84395&data1=video-crud-api Inertia docs: inertiajs.com/ Vue config for Vite: laravel.com/docs/9.x/vite#vue Inertia app.js template: laravel.com/docs/9.x/vite#...
CRUD API with Laravel 9 | The Ultimate Guide 🚀
Переглядів 4,9 тис.2 роки тому
How to build a CRUD API with Laravel 9. This video goes over the basics of Laravel routing, controllers, requests and resources that are commonly asked for on coding tests. 🚀 Checkout Cloudways for easy Laravel application hosting (where I host all of my apps): www.cloudways.com/en/?id=84395&data1=video-crud-api 👨💻 Source code: gist.github.com/davidgrzyb/71a5221e32d2a9f68a4f1e1f0a641501 Chapte...
Laravel 9 File Upload Tutorial - How to Upload Files with Laravel & Blade for Beginners
Переглядів 10 тис.2 роки тому
In this video I show how to get basic file upload, validation and local storage working in Laravel 9. Source code: gist.github.com/davidgrzyb/55bc5f36d288123c9fca17f6e5bcf2e4
Sending Queued Mail with Laravel [Tutorial]
Переглядів 6 тис.3 роки тому
In a previous video I built a contact form with Laravel Livewire and I was asked by some viewers to explain how to send queued mail from the Laravel form. In this video I take that same project from this video and add queued mailables to it: ua-cam.com/video/G_RDXpnWN6c/v-deo.html Code: gist.github.com/davidgrzyb/b721d6890e559fa9ac8af9296a916878 Where I host all of my projects: www.cloudways.co...
Laravel 8 Authentication Tutorial with Laravel Breeze
Переглядів 14 тис.3 роки тому
This video is a tutorial showing the easiest way to get authentication setup for your Laravel 8 application with Laravel Breeze. 🚀 Checkout Cloudways for easy Laravel application hosting: www.cloudways.com/en/?id=84395 👨🏻💻 My blog: davidgrzyb.com
Multistep Forms with Laravel & Livewire!
Переглядів 12 тис.3 роки тому
This is a tutorial for building multistep forms with Laravel and Livewire. The styling is done using Tailwind CSS. 👨🏻💻Source: github.com/davidgrzyb/multi-step-form-livewire 🚀Checkout Cloudways for easy Laravel application hosting: www.cloudways.com/en/?id=84395
My VSCode Setup for Laravel Development + 1000 Subscribers! 🎉
Переглядів 11 тис.3 роки тому
In this video I go over the theme, extensions, key mappings & code snippets I have configured in Visual Studio Code for Laravel development. I'm a Fullstack Developer building applications with Laravel, Inertia & Vue.js. Links to everything mentioned in this video: davidgrzyb.com/vs-code-setup-for-laravel-development/ Checkout Cloudways for easy Laravel application hosting: www.cloudways.com/en...
Laravel Route Model Binding with New Missing Method
Переглядів 9993 роки тому
This video goes over the basics of route model binding and the new missing() feature that was released with Laravel v8.26.0! Docs: laravel.com/docs/8.x/routing#customizing-missing-model-behavior My Blog: davidgrzyb.com
Introduction to Laravel Commands! 👨💻
Переглядів 2,3 тис.3 роки тому
In this video I go over a brief demo command I wrote. I find Laravel commands mostly useful for backfills and post-migration changes that you maybe would like to have the option to run more than once. They offer great built in helpers and little quality of life things that make them a joy to use 😎 Source: gist.github.com/davidgrzyb/b793cd15fc621aabfc411d50fdb50908 Docs: laravel.com/docs/8.x/art...
Building the Create & Edit Link Components - Laravel Link Shortener [PART 6]
Переглядів 1,6 тис.4 роки тому
Building the Create & Edit Link Components - Laravel Link Shortener [PART 6]
Building the Link Index Table with Livewire & TailwindCSS - Laravel Link Shortener [PART 5]
Переглядів 1 тис.4 роки тому
Building the Link Index Table with Livewire & TailwindCSS - Laravel Link Shortener [PART 5]
MVC Structure & Making Tests Pass - Laravel Link Shortener [PART 4]
Переглядів 7644 роки тому
MVC Structure & Making Tests Pass - Laravel Link Shortener [PART 4]
Livewire Test-Driven Development - Laravel Link Shortener [PART 3]
Переглядів 2,4 тис.4 роки тому
Livewire Test-Driven Development - Laravel Link Shortener [PART 3]
Migrations & Seeding - Laravel Link Shortener [PART 2]
Переглядів 1,3 тис.4 роки тому
Migrations & Seeding - Laravel Link Shortener [PART 2]
Building a Link Shortener with Laravel Breeze & Livewire [PART 1]
Переглядів 3,2 тис.4 роки тому
Building a Link Shortener with Laravel Breeze & Livewire [PART 1]
Infinite Scroll Loading with Laravel Livewire!
Переглядів 9 тис.4 роки тому
Infinite Scroll Loading with Laravel Livewire!
Laravel Sail for Mac OS [Set Up Tutorial] ⛵️
Переглядів 3,8 тис.4 роки тому
Laravel Sail for Mac OS [Set Up Tutorial] ⛵️
Livewire Datatable with Selectable Columns 👨💻 [BEGINNER TUTORIAL]
Переглядів 16 тис.4 роки тому
Livewire Datatable with Selectable Columns 👨💻 [BEGINNER TUTORIAL]
Building a Footer with TailwindCSS [TUTORIAL]
Переглядів 3,5 тис.4 роки тому
Building a Footer with TailwindCSS [TUTORIAL]
Building a Contact Form with Laravel Livewire [Tutorial]
Переглядів 6 тис.4 роки тому
Building a Contact Form with Laravel Livewire [Tutorial]
Building a Blog Post Section with TailwindCSS [TUTORIAL]
Переглядів 2,1 тис.4 роки тому
Building a Blog Post Section with TailwindCSS [TUTORIAL]
Building a Hero Section with TailwindCSS [TUTORIAL]
Переглядів 2,9 тис.4 роки тому
Building a Hero Section with TailwindCSS [TUTORIAL]
Building a Responsive Navbar with TailwindCSS & Alpine.js [TUTORIAL]
Переглядів 18 тис.4 роки тому
Building a Responsive Navbar with TailwindCSS & Alpine.js [TUTORIAL]
Building a Blog with Laravel & Wink [TUTORIAL]
Переглядів 2,2 тис.4 роки тому
Building a Blog with Laravel & Wink [TUTORIAL]
Very nice video man🤘
This is amazing man. Thank you so much for being clear about the issues and how you've tackled them.
Very useful, thank you.
How can you handle selecting some, then going to the second page? The check boxes that I checked on the first page stay check on the second page.
Loved it. I am thinking of how to solve the N+1 use resource collection for APIs
Thanks for the helpful information david 🙏
great tutorial. Can you tell me which extension of vs code you are using for query counting??
Laravel Debugbar, thanks!
As a Laravel developer, watching this was refreshing and reminded me of many good things about the Framework. Please keep doing more videos like this
🥰❤
Great explanation. Thanks David !
Would you still use cloudways or forge? Thanks
@@veggiewear5419 if you’re okay with all services (database, caching, etc) being on one VPS I would go with Cloudways. If you’re in need of more flexibility and want to have separate VPS for something like a worker or load balancer I would go with Forge. Hope that helps :)
great stuff. Many thanks !
Hey! I'll be moving back to a weekly schedule soon, is there anything that you'd like to see covered in a future video? 😀
hey while deploying project on hosting how to set base url for inertia, my project runned smoothly on localhost but when i upladed on server my Link href is not taking proper base url
Awesome video. Can you extend it (make a video) with SSR with Ziggy routes from @routes.
This deserves a subscribe
You just saved my projet
Hi, which VScode theme have you setup in this video? Thanks for sharring us this vid:)
Excellent. thank you so much, you explained it very well
It seems like if you're using inertia, all you have to do in your app.js is put this: import { createApp, h } from 'vue'; import { createInertiaApp } from '@inertiajs/vue3'; import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers'; createInertiaApp({ resolve: (name) => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')), setup({ el, App, props, plugin }) { return createApp({ render: () => h(App, props) }) .use(plugin) .mount(el) }, }); don't have to do anything else
That type="button" thing is a real gotcha! I spent hours trying to figure out why my form was giving me such strange behavior. Luckily I stumbled upon your video and found the culprit. I practically had the same solution as you, except you organized the validation rules nicely in an array. Way cleaner!
OMG. Thanks for this.
Thanks, it helps me so
As someone else already mentioned in the comments, you have to add "enctype="multipart/form-data"" to the form tag to make the file uploads work, otherwise the $request->file() will always return null. If you switch from a form that only had text inputs before like in this video, you might be missing the enctype.
can you not make your editor so tiny? it's difficult for me to see well
Thanks as well David. Inertia is a wonderful product with great possibilities, but they really need to update their Installation docs. You helped with the last step which was my using the deprecated createInertiaApp() method not using resolvePageComponent. It is literally their lynch-pin which the entire functionality depends and they have yet to update the docs.
Is there something you need to do to get Wink to recognize the routes in routes/web.php? Mine are 404 not found. I tried doing dd($posts) in the controller, and that isn't showing either. The /welcome route isn't even showing, but I can create posts. Laravel 10. Any ideas?
Thank you sir, would NOT have been able to find this out on my own. The inertia docs are kind of a nightmare by leaving out certain information and setup guides despite the utility it can provide
Thank you.. but a i have a question about ziggy, is making a full page reload and i guess in not right?
well if anyone is wonder how avoit page refresh use the LINK like ``` <Link :href="route('login')">Usuarios</Link> ```
how to add more Featured in laravel wink package ?
how to upload downloaded video in laravel wink when create blog ?
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
🚀 Dive into Laravel with my FREE 12-part email course! Perfect for beginners and tailored from years of experience - this is the guide I WISHED I had when starting out. 🔗 Enroll now: davidgrzyb.com/intro-to-laravel/ ✨
how do import assets in vite?
Inertia's docs just seem to be riddled with errors. It's easier to just code a separate API and Vue front end.
Where there are two models, e.g. Patient and Treatment, with hasMany and belongsTo relationship methods ( Patient::treatments() & Treatment::patient() ) defined it their respective models, what is the query that returns data from the belongsTo model (Patient). For example, $treatments = App\Models\Treatment::query()->where('name', 'like', '%'.$search.'%') works with 'name' and every other column from the treatments table, BUT for any column in the patients table if fails. For example, ->where('email', 'like', '%'.$search.'%') throws an error: "Column not found: 1054 unknown column "email" in where clause." Any help is appreciated. My patient model includes first_name, last_name, and email fields, and I want to be able to search the treatments table by those fields. Any assistance would be great!
@DavidGrzyb Thanks for this video --- it's very helpful. You mention at the end of it that you plan to make another one on file upload --- but I don't see it in your list of videos. Are you still planning to make another video on file upload?
Oh my god thank you!! My first time using Inertia and my head was about to explode. Followed the documentation and had many errors being thrown at me, other tutorials were always outdates as they used webpack. Thanks again!
thank you so much!
how to add additional fields in register migration
Getting Started with Inertia, Vite & Vue 3 Next time can you write in the title laravel as well please.
Thank you for putting this out there. This video should be the first video people watch when trying to set up a Vue, InertiaJS, Laravel app. It's a life saver!