Breeze Nuxt

screenshot of Breeze Nuxt
nuxt
vue
tailwind

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

Overview:

Laravel Breeze Nuxt3 is an implementation of Laravel Breeze, a Laravel application/authentication starter kit frontend, in Nuxt3. It provides a pre-built authentication boilerplate powered by Laravel Sanctum, allowing developers to quickly pair their Nuxt3 frontend with a robust Laravel backend.

Features:

  • Authentication Boilerplate: Laravel Breeze Nuxt3 comes with a pre-built authentication boilerplate, saving developers time and effort in setting up authentication functionality.
  • Laravel Sanctum Integration: The authentication functionality is powered by Laravel Sanctum, providing a secure and reliable authentication system.
  • Custom useAuth Vue Composable: This Nuxt.js application includes a custom useAuth Vue composable, which abstracts away authentication logic and allows developers to easily access the currently authenticated user.
  • Named Routes with Ziggy: Laravel Breeze Nuxt3 conveniently allows developers to reference Laravel application's named route URLs from the Nuxt3 application using Ziggy, making it easier to work with routing.

Backend Installation:

  1. Set the APP_URL and FRONTEND_URL environment variables in your .env file.
  2. Serve the Laravel application using the serve Artisan command in the command line.

Frontend Installation:

  1. Clone the Laravel Breeze Nuxt3 repository.
  2. Install the necessary dependencies using either yarn install or npm install.
  3. Copy the .env.example file to .env and provide the URL of your backend.
  4. Run the application using yarn dev or npm run dev. The application will be available at http://localhost:3000.

Production Build:

To build the application for production, follow these steps:

  1. Run yarn build or npm run build to build the application.
  2. Preview the production build locally using yarn preview or npm run preview.

Summary:

Laravel Breeze Nuxt3 is an implementation of Laravel Breeze in Nuxt3, providing a pre-built authentication frontend for developers to pair with their Laravel backend. With ready-to-use authentication boilerplate, Laravel Sanctum integration, and convenient features like the useAuth Vue composable and named routes with Ziggy, Laravel Breeze Nuxt3 offers a robust and efficient solution for creating secure and reliable 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.

vue
Vue

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

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.