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

Overview

Laravel Breeze - Nuxt.js Edition

Inspiration

This project was heavily inspired by the Breeze Next.js project. Have fun!

Introduction

This repository is an implementation of the Laravel Breeze application / authentication starter kit frontend in Nuxt.js. All of the authentication boilerplate is already written for you - powered by Laravel Sanctum, allowing you to quickly begin pairing your beautiful Nuxt.js frontend with a powerful Laravel backend.

Official Documentation

Installation

First, create a Nuxt.js compatible Laravel backend by installing Laravel Breeze into a fresh Laravel application and installing Breeze's API scaffolding:

# Create the Laravel application...
laravel new nuxt-backend

cd nuxt-backend

# Install Breeze and dependencies...
composer require laravel/breeze

php artisan breeze:install api

Next, ensure that your application's APP_URL and FRONTEND_URL environment variables are set to http://localhost:8000 and http://localhost:3000, respectively.

After defining the appropriate environment variables, you may serve the Laravel application using the serve Artisan command:

# Serve the application...
php artisan serve

Next, clone this repository and install its dependencies with yarn install or npm install. Then, copy the .env.example file to .env and supply the URL of your backend:

NUXT_PUBLIC_BACKEND_URL=http://localhost:8000

Finally, run the application via npm run dev / yarn dev. The application will be available at http://localhost:3000:

npm run dev

or

yarn dev

Note: Currently, we recommend using localhost during local development of your backend and frontend to avoid CORS "Same-Origin" issues.

License

Laravel Breeze Nuxt is open-sourced software licensed under the MIT license.

You might also like...
Add HTTP Strict Transport Security Header to your Nuxt Application.

Project archived: I recommend using nuxt-helmet instead. I'm using it. Nuxt.js HTTP Strict Transport Security module Add HTTP Strict Transport Securit

A convenient replacement for nuxt-link component when using nuxt-i18n

nuxt-i18n-link A convenient replacement for nuxt-link component when using nuxt-i18n. It is simply a replacement for this exact code: nuxt-link :to

A webpack loader i18n solution for Vue (Nuxt) with auto generated keysA webpack loader i18n solution for Vue (Nuxt) with auto generated keys

vue-i18n-loader - another webpack loader i18n solution for Vue (Nuxt) with auto generated keys. Currently under development, pull requests and suggest

This is nuxt invoice app using nuxt.js and firebase
This is nuxt invoice app using nuxt.js and firebase

Nuxt Invoice App Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

nuxt-fullpage is a nuxt module for creating fullscreen page scroll fast and simple.

Nuxt fullpage Nuxt module for creating fullscreen page scroll fast and simple. Demo online Table of contents Installation Usage Options Contributing I

A simple nuxt renderless component wrapper around nuxt fetch capabilities

Nuxt Fetch Component A simple nuxt renderless component wrapper around nuxt fetc

Nuxt basic - Simple Nuxt.js project

nuxt_basic Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and launc

English-quiz-nuxt - An english quiz using nuxt

english-quiz-nuxt Live demo here Build Setup # install dependencies $ yarn insta

Frisque-nuxt-storyblok - A basic framework for integrating StoryBlok with Nuxt

🌺 Frisque StoryBlok Welcome to the Frisque StoryBlok starter kit! This is curre

Owner
Filip
👨🏻‍💻
Filip
Fcl-nuxt-starter - FCL plugin + full stack Nuxt application starter template

How to use the Flow Client Library (FCL) with Nuxt Access the FCL instance from

Bruno Gonzales 3 Jul 18, 2022
Kirby Nuxt Starter Kit - Kirby's sample site – but rewritten headless with Nuxt 3

Kirby Nuxt Starter Kit Kirby's sample site – but rewritten headless with Nuxt 3! Explore the kit live » Kirby Nuxt Starterkit This repository is a por

Johann Schopplich 31 Jan 9, 2023
Salvia-kit dashboard template v8 with Nuxt.js

Salvia-kit Dashboard v8 Nuxt.js ?? Documentation You can see the documentation on http://localhost:3000/guides/documentation Browser Support Chrome Fi

salvia-kit 22 Nov 28, 2022
Discuss with Atinux Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates.

Discuss with Atinux Demo of using Nuxt 3 with GitHub authentication and creating issues with real-time updates. See it live on https://discuss.atinux.

Sébastien Chopin 104 Dec 13, 2022
Starter Template for Nuxt.js with Tailwind CSS and Axios.

Starter Template for Nuxt.js with Tailwind CSS and GraphQL Build Setup # install dependencies

Michael Owuor 1 May 12, 2022
A starter example for tdesign-vue-next with Nuxt 3.

A starter example for tdesign-vue-next with Nuxt 3.

一夏 11 Dec 10, 2022
Github'st Development Archive Application using vue and nuxt

cat-hub Github'st Development Archive Application using vue and nuxt. Link You can check here. Tech and libraries vue vuex vuetify sass nuxt nuxt/cont

Lee Sang Min 5 Nov 22, 2022
A nuxt application using movie data api

nuxt-movie-app Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and l

Marko Goronjic 0 Dec 11, 2021
Front-End of NickFlix. VueJS Application with Nuxt.

nickflix-client Build Setup # install dependencies $ npm install # serve with hot reload at localhost:3000 $ npm run dev # build for production and

Nicolas Lima 0 Jan 21, 2022
💫 Awesome module to generate PDF files and manage PDF inyour Nuxt application.

Generate PDF files directly from your content on your website, can be used for offline downloadable documentation pages.

Christian Hansen 47 Dec 27, 2022