Breeze Nuxt

screenshot of Breeze Nuxt
nuxt

Breeze Nuxt

An application / authentication starter kit frontend in Nuxt3 for Laravel Breeze.

Overview

Laravel Breeze - Nuxt3 Edition is an implementation of the Laravel Breeze authentication starter kit frontend in Nuxt3. It allows developers to quickly pair their Nuxt3 frontend with a Laravel backend by providing all the necessary authentication boilerplate, powered by Laravel Sanctum.

Features

  • Implementation of Laravel Breeze application/authentication starter kit frontend in Nuxt3.
  • Laravel Sanctum integration for authentication.
  • Quick and easy pairing of Nuxt3 frontend with Laravel backend.

Installation

To install Laravel Breeze - Nuxt3 Edition, follow these steps:

  1. Install Laravel Breeze into a fresh Laravel application and install Breeze's API scaffolding.
  2. Set the APP_URL and FRONTEND_URL environment variables in your application to http://localhost:8000 and http://localhost:3000 respectively.
  3. Update the HOME constant in your RouteServiceProvider.php file to specify the page your users are redirected to during email verification.
  4. Serve the Laravel application using the serve Artisan command.
  5. Clone the repository and install its dependencies using yarn install or npm install.
  6. Copy the .env.example file to .env and provide the URL of your backend and frontend.
  7. Run the application using npm run dev. Access the application at http://localhost:3000.

Note: It is recommended to use localhost during local development to avoid CORS "Same-Origin" issues. Alternatively, you can use the concurrently package to run both Nuxt and Laravel servers with a single command.

Summary

Laravel Breeze - Nuxt3 Edition is a convenient implementation of the Laravel Breeze application/authentication starter kit frontend in Nuxt3. It simplifies the process of pairing a Nuxt3 frontend with a Laravel backend by providing all the authentication boilerplate. The integration with Laravel Sanctum ensures secure authentication functionality. With clear installation instructions and easy-to-use features like utilities and composables, Laravel Breeze - Nuxt3 Edition is a valuable tool for developers looking to build powerful web applications.

nuxt
Nuxt

nuxt.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.