Using a Laravel REST API with a NuxtJs App

[@perfect.stealth]

You guys at Laravel are something special. Thank you for making our lives easier ❤

[@letslearnwebdev]

Best combination I've worked with. Thanks for the video. Well explained.

[@themsaid]

I love Nuxt TBH :)

[@yamenashraf2495]

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.

[@themsaid]

Interesting. I’ll look into that. Thanks 🙂

[@JacquesvanWyk]

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.

[@srijay_guitarist]

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?

Great! Thank you! Mohamed, Please, make videos about e-commerce app with this stack.

[@shofada]

Wowww!! You dit it! That was fast. I am so grateful. 🙏🙏🙏

[@yashbarot5248]

Thanks for this super combination. Loved it 🎉

[@networkerbowofade8477]

We have nuxt3, does this tutorial applicable to nuxt3, or is there any chnages

[@hmatpin]

Is this still relevant, or should things be done with Inertia? what would be the difference?

[@kwameadoko9542]

Talking about hosting on the same server means Inertia does make sense. But most of the time you only connect to external API's on different servers, where you might not even have access to.

[@behzodjon]

Great! Thank you! Please, make videos about laravel+nuxt js

[@themsaid]

What else do you want to see?

[@behzodjon]

@@themsaid e-commerce application, please

[@persegona77]

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

[@hamidreside]

tried your setup but still block by cors

[@darkmode404]

What is the valet alternative for windows local? Is xampp and virtual host okay?

[@aryaaditiyaa]

Try laragon

[@EL_PANDA_742]

Can I use the Vue app's folder inside Laravel's folder?

[@daleryanaldover6545]

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.

[@Paltibenlaish]

it's missing how to redirect when you login and redirects you to the previous page you wanted to visit

[@jonice4229]

thanks, how do you deploy this project on live?

[@crodrigor]

how config pm2 with laravel for using ssr?

[@dev_jeongdaeri]

Great content👍👍

[@pradeepspace3]

Very nice explanation !

[@themsaid]

Glad you like it :)

[@swatantra0]

will you please make a video for authentication laravel passport and nuxt js please

[@mityukov]

A question: if i want a multitenant app (acc1.ergo.test, acc2.ergo.test, etc) - what should be in the sanctum-stateful-domains?

[@daleryanaldover6545]

Do it like this: SANCTUM_STATEFUL_DOMAINS=.ergo.test This is discussed on the laravel Sanctum documentation at CORS and COOKIE section

[@anbuselvanrocky]

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?

[@eslamabdallahabass5662]

this doesn't work with nuxt3

[@AneesKhan-uz4mz]

now how about doing with inertia?

[@md.mehedihasan800]

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

[@perfect.stealth]

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.

[@vokalout]

Have you heard of quasar? Can you make a video for it and laravel, with auth, etc? Thanks

[@mdrifatkhan2381]

nyc

[@1boompje]

Thank you!

[@abdurrahman710]

Nice videos!

[@themsaid]

Glad you like it :)

[@nabeelyousafpasha]

Respect from Pakistan 🇵🇰

[@vodacbao]

like

[@GergelyCsermely]

Thanks

[@marufjonyoqubov7950]

Great

[@enterusername7746]

A framework for a framework? I think I need a framework for that.

[@themsaid]

It's called a "Meta Framework" :D

[@maflones]

I wish you could learn the language, because you are unwatchable. You have a voice best suited for the silent movies.

[@daleryanaldover6545]

I've watched several of his videos and it is not that bad. Better yet use earphones if it's not loud enough.

[@muhammadyasir7015]

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?

[@alifnuryana2166]

me too