Code Monkey home page Code Monkey logo

laravel-vue-sanctum-spa's Introduction

Laravel Vue Sanctum SPA

Laravel and vue spa using tailwind (laravel/ui looks) for styling and sanctum for authentification

image

Features

  • Laravel 8
  • Vue + VueRouter + Vuex
  • Login, register, update profile
  • password reset
  • Authentication with Sanctum
  • Tailwind + Heroicons

Installation

  • git clone [email protected]:HijenHEK/laravel-vue-sanctum-spa.git --branch v1.0.1 my-spa set verion and app name
  • cd my-spa
  • Edit .env and set your database connection details and your APP_URL
  • php artisan key:generate
  • php artisan migrate
  • npm install
  • npm run dev

mailer

  • set up mailer details
  • put QUEUE_CONNECTION=database

Notes

Usage

Development

npm run watch

Production

npm run production
  • turn off debug mode .env

Highly inspired by laravel-vue-spa by cretueusebiu where it uses bootstrap 4 fontawesome and JWT for authentification

Other features are under development coming soon ๐Ÿ”ฅ

UI preview

image image image

laravel-vue-sanctum-spa's People

Contributors

hijenhek avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

laravel-vue-sanctum-spa's Issues

Add Tests

Laravel Vue Sanctum Spa is getting some decent interactions and some github users apparently liked it .
The number of forks indicates the will to contribute so I will set a request in this issue that will create a guide for contribution, i think the priority should be to start creating features test in the backend, and why not in vue in the future.

this will help set a pipeline in GitHub workflow

The tests mainly should cover :

  • authentication
  • email verification
  • forget and reset password
  • profile updates

VerifiesEmails not found

I get the error "Illuminate\Foundation\Auth\VerifiesEmails" when trying to verify mail, I don't understand where the problem is

Can't get the user data

I copied your whole code to my project but after login, I can't get the user data through api/user route so pls help me in this situation.

Error on production server, not on local development machine

I am using this project as a boilerplate for my new project. First of all, thanks for sharing this and all the work. It saved me lots of time.

Now, I encounter a specific problem. When I deploy the project on production environment it throws an error. And the whole Vue app won't start at all. On my development envoirment it just works.

Dev environment is using nginx.
Production is using apache.

Uncaught SyntaxError: Unexpected token '<'
app.js:58216 [Vue Router warn]: uncaught error during route navigation:
app.js:61432 ChunkLoadError: Loading chunk resources_js_Views_Login_vue failed.
(missing: /js/resources_js_Views_Login_vue.js)
app.js:58216 [Vue Router warn]: Unexpected error when starting the router: ChunkLoadError: Loading chunk resources_js_Views_Login_vue failed.

401 Unauthorized

without using your package directly,
I installed Laraveli, then I installed the necessary packages vue, vuex etc. everything is same as your package,
then I installed "https://laravel.com/docs/8.x/sanctum" then I copied and pasted the same controller as yours, everything is ok, there is no problem when signing up, but 401 "{message: "Unauthenticated."}
I get message: "Unauthenticated."" error.

Missing laravel/ui

I think you forgot to add composer require laravel/ui
Would update it to use fortify?

401 Unauthorized

After successful registration and login, every route with middleware auth:sanctum returns a status code: 401 Unauthorized, what could be the problem?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.