Laravel Breeze API Install & Setup Authentication with Next.js
Laravel Breeze API auth scaffolding tutorial with NextJS
In this post, you will be learning about how to install Laravel Breeze API and Setup Authentication with Next.js.
So basically, we are going to install laravel application with breeze api package as a BACKEND and install NextJS as FRONTEND. (Laravel Breeze - Next.js Edition) . Lets get started.
Laravel NextJS Backend with Breeze API
Step 1: Create a laravel project.
Step 2: Setup your database in .env file.
Step 3: Install Breeze Package with following command.
Step 4: Install Breeze API with following command.
After successful installation of breeze api, you can see .env file has two URL for backend and frontend. You can change url in production, for local leave it.
Step 5: let's migrate the table
Now lets serve the application by the following command and just leave it.
Next js Frontend Setup For Breeze
Laravel Breeze authentication starter kit frontend in Next.js. All of the authentication boilerplate is already written for you - powered by Laravel Sanctum, allowing you to quickly begin pairing your beautiful Next.js frontend with a powerful Laravel backend.
You need to clone or download breeze-next
Step 1: Clone breeze-next repository.
Step 2: install its dependencies
Step 3: Create a new file named .env.local and Copy .env.example file code and paste:
Step 4: Finally, run the application via
npm run dev
Step 5: The application will be available at
That's it. all done.
© Copyright - 2018 - 2023 | All rights reserved at Funda of Web IT