Laravel Breeze API & NextJS SPA Authentication - Breeze Next Demo

In this video, we install Laravel Breeze with API stack option & connect to Next.JS app using breeze-next starter package.
SOME OF THE WAYS YOU CAN SUPPORT THE CHANNEL
👍 Smash the like button
🤝 Subscribe to the channel & turn the notifications on
💬 Post comments, any feedback is greatly appreciated
⭐ Become a Patreon: / programwithgio
THANK YOU!
🛠️ TOOLS & SERVICES I USE
Digital Ocean Hosting - Get 100$ credit - m.do.co/c/38b9...
Domains on Namecheap - namecheap.pxf....
Envato Elements - 1.envato.marke...
Adobe Photoshop & Premiere - clk.tradedoubl...
RESOURCES
Laravel Breeze Docs - laravel.com/do...
Breeze-Next Repo - github.com/lar...
Learn PHP 8 The Right Way Series - • Learn PHP The Right Wa...
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

[@Zubbee]

Hi Gio. After spending sometime looking at Next.js I'm back here. I'm finding this very useful. pairing Next.js and Laravel. Thanks Gio. I'm still soaking up your content. Cheers

[@ProgramWithGio]

Great to hear 👍

[@AliAbbas-si2oo]

Your way of explaining the code is amazing 👍

[@ProgramWithGio]

Glad to hear, thank you

[@md.saimunhossain9867]

Great content Gio. Please make tutorial on Spatie role permission using Laravel with next js. 🙏🙏

[@ProgramWithGio]

Thank you. Good suggestion, added to list of topics 👍

[@almahdiutshob]

+1

[@SilindokuhleMapiyeye]

@@ProgramWithGio please do share a link if its available

[@marcinmaj3609]

Maybe course with next and laravel? Roles permissions it will be great🤩

[@ProgramWithGio]

Good suggestion. Added to the list of topics 👍

[@RafaelCeballo]

Great video as always! I wish you did a full application. I'm struggling to figure out how to protect routes.

[@ProgramWithGio]

Thank you, I'll be doing more Laravel content soon so I'll take this into consideration

[@clydearellano7702]

Thanks for the content

[@ProgramWithGio]

You're welcome 💙

[@user-tt6nc6mo7k]

Hey Gio, looking forward to this your php series is fantastic by the way. Not sure why but using Taylor's breeze-next if you try to access the dashboard without logging in you can see it for a brief second before getting redirected back to the login page.

[@ProgramWithGio]

Thank you. Check out my NextJS + Laravel Sanctum video, I talk about that flickering there & how to fix it, though it uses the older version of NextJS but the idea should be same

[@mamdouhzaq]

Thanks Gio

[@ProgramWithGio]

You're welcome 💙

[@Zubbee]

Oh wow. I really wish you had included install a fresh laravel application. I'll try and figure it out. Nginx is already mapped port 80:8000. So what am I changing in the laravel when I change it to Port 8000? Hmmm. This will be a challenge SHMG!

[@ProgramWithGio]

I think we spoke about this on Twitter, this is not part of the PHP series, its a separate video, so it does not follow the same structure 👍

[@Zubbee]

@@ProgramWithGio yes we did. Thanks alot for the redirection.

[@GuruAgent]

Hi, I'm junior in IT web-devolper and my English so bad, but I installed how you and all working, but can't render to dashbord. Error: Request failed with status code 401, but user -> created in databases. Sorry for my English

[@ProgramWithGio]

Hey, most likely a misconfiguration. I cant really help you without seeing your code, 401 can be caused by various things but it essentially means it cant authenticate the user, could be due to nextjs misconfiguration (making request wrongly), can be due to Laravel misconfiguration.

[@SilindokuhleMapiyeye]

Hi i managed to run the project locally and its running fine, now I deployed my laravel breeze API project on laravel vapor and used amplify for next.js frontend, everything is fine but I'm getting this error message: 419 { "message": "CSRF token mismatch." } can you please assist I tried redeploying it more than 3 times but still get the same error

[@ProgramWithGio]

I havent used laravel vapor & amplify so I can't really help with that. You could post in laravel discord or laracasts

[@SabaMadadinia]

I want the user to not be able to enter the dashboard after registration and need to confirm the email to enter

[@ProgramWithGio]

It can be implemented, there are many articles & guides on how to do it

[@SabaMadadinia]

My access_tokens table is empty and I think it is because sanctum token is not active. Can you help me how to activate it?

[@ProgramWithGio]

I don't think I can help with that at this time unfortunately

[@anushka4027]

Hey, thank you for this! It is really useful. Are you open to sponsorships? I would love to sponsor some of your content!

[@ProgramWithGio]

Hello & thank you 🙏. What sort of sponsorship did you have in mind? You can DM me on Twitter.

[@anushka4027]

@@ProgramWithGio Sure!

[@thanakornboy1129]

Thank you . Please make tutorial on laradock 🙏🙏🙏.

[@ProgramWithGio]

I don't use Laradock, but I do have a lesson on setting up PHP with Docker in my PHP series

[@TiagoPHP]

thank you so much

[@ProgramWithGio]

You're welcome 💙

[@thomasvink6383]

Great video! But when I try to register I get this error: Unhandled Runtime Error Error: Network Error Call Stack createError node_modules\axios\lib\core\createError.js (16:0) XMLHttpRequest.handleError node_modules\axios\lib\adapters\xhr.js (99:0) Not sure how to fix this.

[@ProgramWithGio]

Thank you. Could be related to your front-end configuration. Hard to say without debugging/seeing the full code & error

[@thomasvink6383]

@@ProgramWithGio Yep sorry already found it. Made a typo myself Lolz...Thanks again for the great video.

[@madanmalhotra]

How much possible to code it without pull git repo NEXT JS, it will better to code line by line in NEXTJS

[@ProgramWithGio]

I don't think I understand the concern or question.

[@devope]

Use localhost in your browser, otherwise you will get an error on ajax request.

[@ProgramWithGio]

Not sure what you mean. I used localhost in browser. If you mean the port, NextJS runs on port 3000 so have to add that. Ajax requests work fine as well as you saw I registered user & logged in at the end.

[@user-gr8dt6hk7s]

I tried to change backend url to next-backend.test as I am using laragon, breeze-next application wont function

[@ProgramWithGio]

what is your front-end URL?