Thank you Mohamed! This is really great. I wanted to point out to asyncData hook which I think is more relevant in this case instead of fetch hook. With asyncData you won't need to initialize data as the returned values are merged to the component's state already and also you won't need to put a loader in every component/page. Thanks so much for your time and explanation.
Man this is so awesome to see. Want to really thank you for making these videos and those valet tips was awesome did not know about the proxy, probably because I was lazy and did not read docs.
@@themsaid I'd like to see a similar video to what you have here only using Sanctum's Api Tokens instead of the SPA auth. So far, every video I search for uses the SPA auth, which I understand is preferred, but I want to see how it looks when both the backend and the frontend are on different TLDs.
I have a question. What if I want to fetch the posts but API is protected(needs authentication) and the frontend doesn't need user signup or login as it just displays the posts?
For context, what he showed here is how to use Nuxtjs as a separate frontend for the ergodnc laravel backend, this way you can push changes with api project without affecting the frontend or change something with frontend and never touch the api. Now you can also make a fresh laravel application with Vue as your view stack instead of Blade. Laravel actually has a first party package called Laravel Jetstream that does the scaffolding for Laravel + Vue + Tailwind stack which gives you authentication out of the box. With this setup you are then required to have your Vue components and scripts within your laravel project.
Please create a Laravel Price Fielder project where I can filter the product price. I can change the color filter size filter through the check box. There is no such project on RUclips yet.
I think you're missing the point here. He's not here to teach you Vue. He wants to showcase how easy the frameworks can work together. You should learn basic Vue bro. Then your price filter will be a walk in the park.
After running the valet proxy commands now my "api.todoapp.test" and "app.todoapp.test" both are pointing to the nuxt app and nuxt app is beig opened when I hit both of these URLs. Anyone know the issue?
What suppose, i want my frontend (lets say, vue) on same domain and I'll be using that backend(laravel) API for mobile app? Need to configure separately for mobile & other platform for accessing apis?
You guys at Laravel are something special. Thank you for making our lives easier ❤
Best combination I've worked with. Thanks for the video. Well explained.
I love Nuxt TBH :)
Thank you Mohamed! This is really great. I wanted to point out to asyncData hook which I think is more relevant in this case instead of fetch hook. With asyncData you won't need to initialize data as the returned values are merged to the component's state already and also you won't need to put a loader in every component/page.
Thanks so much for your time and explanation.
Interesting. I’ll look into that. Thanks 🙂
Great! Thank you! Mohamed, Please, make videos about e-commerce app with this stack.
Thanks for this super combination. Loved it 🎉
Man this is so awesome to see. Want to really thank you for making these videos and those valet tips was awesome did not know about the proxy, probably because I was lazy and did not read docs.
Great! Thank you! Please, make videos about laravel+nuxt js
What else do you want to see?
@@themsaid e-commerce application, please
@@themsaid I'd like to see a similar video to what you have here only using Sanctum's Api Tokens instead of the SPA auth. So far, every video I search for uses the SPA auth, which I understand is preferred, but I want to see how it looks when both the backend and the frontend are on different TLDs.
tried your setup but still block by cors
Wowww!! You dit it! That was fast. I am so grateful. 🙏🙏🙏
What is the valet alternative for windows local? Is xampp and virtual host okay?
Try laragon
I have a question. What if I want to fetch the posts but API is protected(needs authentication) and the frontend doesn't need user signup or login as it just displays the posts?
Can I use the Vue app's folder inside Laravel's folder?
For context, what he showed here is how to use Nuxtjs as a separate frontend for the ergodnc laravel backend, this way you can push changes with api project without affecting the frontend or change something with frontend and never touch the api. Now you can also make a fresh laravel application with Vue as your view stack instead of Blade. Laravel actually has a first party package called Laravel Jetstream that does the scaffolding for Laravel + Vue + Tailwind stack which gives you authentication out of the box. With this setup you are then required to have your Vue components and scripts within your laravel project.
Great content👍👍
it's missing how to redirect when you login and redirects you to the previous page you wanted to visit
Very nice explanation !
Glad you like it :)
We have nuxt3, does this tutorial applicable to nuxt3, or is there any chnages
how config pm2 with laravel for using ssr?
thanks, how do you deploy this project on live?
will you please make a video for authentication laravel passport and nuxt js please
nyc
Thank you!
now how about doing with inertia?
this doesn't work with nuxt3
Please create a Laravel Price Fielder project where I can filter the product price. I can change the color filter size filter through the check box. There is no such project on RUclips yet.
I think you're missing the point here. He's not here to teach you Vue. He wants to showcase how easy the frameworks can work together.
You should learn basic Vue bro. Then your price filter will be a walk in the park.
Nice videos!
Glad you like it :)
Thanks
Respect from Pakistan 🇵🇰
After running the valet proxy commands now my "api.todoapp.test" and "app.todoapp.test" both are pointing to the nuxt app and nuxt app is beig opened when I hit both of these URLs. Anyone know the issue?
me too
like
Great
A question: if i want a multitenant app (acc1.ergo.test, acc2.ergo.test, etc) - what should be in the sanctum-stateful-domains?
Do it like this: SANCTUM_STATEFUL_DOMAINS=.ergo.test
This is discussed on the laravel Sanctum documentation at CORS and COOKIE section
What suppose, i want my frontend (lets say, vue) on same domain and I'll be using that backend(laravel) API for mobile app? Need to configure separately for mobile & other platform for accessing apis?
Have you heard of quasar? Can you make a video for it and laravel, with auth, etc?
Thanks
A framework for a framework? I think I need a framework for that.
It's called a "Meta Framework" :D
I wish you could learn the language, because you are unwatchable. You have a voice best suited for the silent movies.
I've watched several of his videos and it is not that bad. Better yet use earphones if it's not loud enough.