A Laravel 8 and Vue 3 SPA boilerplate using tailwind styling and sanctum for authentication :ghost:

Related tags

Starter Projects php laravel spa vue vuex vue-spa laravel-vue authentification sanctum tailwind tailwindcss laravel-sanctum
Overview

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.0 my-spa set verion and app name
  • cd my-spa
  • Edit .env and set your database connection details
  • php artisan key:generate
  • php artisan migrate
  • npm install
  • npm run dev

Usage

Development

npm run watch

Production

npm run production

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

Comments
  • Error on production server, not on local development machine

    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.
    opened by Aquive 4
  • i am not able to login the user after registering the user.

    i am not able to login the user after registering the user.

    i tried installing the repo in my local dev environment but it seems i cannot login the user .

    when i register the new user it get entered in the database but when i try to login there is no response further.

    opened by Ticket-Master 4
  • 401 Unauthorized

    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.

    opened by TUCA33 2
  • Dev

    Dev

    quick checks and fixes,

    • updating node packages to fix vurnabilities ,
    • getting profile route accessible with no guard to fetch the current user and avoid 401 if there is no session
    • removing verifies email trait fixes #6
    opened by HijenHEK 0
  • Add Tests

    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
    opened by HijenHEK 0
Releases(v1.0.1)
Owner
Hijen EL Khalifi
HEK is a web developer who builds apps and templates using : PHP ,HTML , CSS , JS , VueJS and some other cool stuff
Hijen EL Khalifi
GitHub
:elephant: A Laravel 6 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.

Laravel Vue Boilerplate A Laravel 6 Single Page Application boilerplate using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass and Pug with: A users

Alefe Souza 533 Jan 3, 2023
Creating authentication using sanctum, laravel and VUE

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Mohd Aminuddin 1 May 11, 2022
A simple and clean boilerplate to start a new SPA project with authentication and more features from fortify

A simple and clean boilerplate to start a new SPA project with authentication and more features from fortify. Its like the little sister of Jetstream, but as SPA.

Tobias Schulz 11 Dec 30, 2022
A Laravel 9, Vite, Svelte SPA, Tailwind CSS (w/ Forms Plugin & Aspect Ratio Plugin), Axios & TypeScript starter template.

Laravel 9 + Vite + Svelte + Tailwind CSS This starter template includes: Laravel 9 Vite Svelte Tailwind CSS (w/ @tailwindcss/forms and @tailwindcss/as

Ronnie 19 Dec 20, 2022
Hydra is a zero-config API boilerplate with Laravel Sanctum that comes with excellent user and role management API out of the box

Hydra - Zero Config API Boilerplate with Laravel Sanctum Hydra is a zero-config API boilerplate with Laravel Sanctum and comes with excellent user and

Hasin Hayder 858 Dec 24, 2022
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]` & `password` -

Laravel Enso Hit the ground running when building your new Laravel SPA project with boilerplate and extra functionality out of the box! click on the p

Laravel Enso 1k Jan 3, 2023
Laravel Vue SPA, Bulma themed. For demo login use `[email protected]` & `password` -

Laravel Enso Hit the ground running when building your new Laravel SPA project with boilerplate and extra functionality out of the box! click on the p

Laravel Enso 1k Jan 3, 2023
A Laravel-Vue SPA starter kit.

Laravel-Vue SPA A Laravel-Vue SPA starter kit. Features Laravel 8 Vue + VueRouter + Vuex + VueI18n + ESlint Pages with dynamic import and custom layou

Cretu Eusebiu 3k Jan 6, 2023
Base Laravel project with React and Laravel Sanctum authentication

About this project This is a base Laravel project with ReactJS frontend and Laravel Sanctum API authentication. You could read more about here. Instal

David Toth 8 Oct 25, 2022
Simple Laravel API with Sanctum Authentication.

Laravel API (with sanctum authentication) What is sanctum? Laravel Sanctum provides a featherweight authentication system for SPAs (single page applic

Nopal 2 Jul 14, 2022
High scalable boilerplate for Laravel - Vue using laravel-mix.

Why use this ? This boilerplate make developer easier to make monolith Laravel project which integrated with Vue.js and vue-router as default front-en

Carvel Saputra Martaloho 5 Sep 21, 2022
Initial template to start your awesome Laravel, Tailwind and Vue projects

Features Laravel 8.* Tailwind 2.1 Ready and Loaded @tailwindcss/typography @tailwindcss/forms Dark mode ready All variants enabled by default Vue 2, V

Marc Garcia Torrent 19 Jul 19, 2022
Clone do instagram utilizando Laravel, Vue, Inertia, Tailwind

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Bortolin Furlanetto 1 Jan 3, 2022
A Laravel-Vue-Tailwind SAAS Starter Kit.

Super SAAS Template My name is Julien Nahum, I've founded multiple Software-As-A-Service companies. This repo is the base I'm using to create a new SA

Julien Nahum 16 Dec 23, 2022
Starter - Laravel, Vue, Inertia, Tailwind, Vite

Starter - Laravel, Vue, Inertia, Tailwind, Vite Laravel-vite preset Laravel 9 Vue 3 Inertia Tailwind Vite Including Sail (Docker). php 8.1 mysql 8.0 p

Anatoliy 6 Dec 28, 2022
The Laravel Boilerplate Project - https://laravel-boilerplate.com

Laravel Boilerplate (Current: Laravel 8.*) (Demo) Demo Credentials Admin: [email protected] Password: secret User: [email protected] Password: secret Offici

Anthony Rappa 5.4k Jan 4, 2023
SPA Skeleton with Mithril.js and Slim Framework

A single-page application (SPA) skeleton based on Mithril.js and Slim Framework 4 trying to use good practices

tebe 5 Oct 23, 2022
Basic Crud Generator (With Code Files, like GII (YII2)) Using Laravel, Livewire and Tailwind CSS

LiveCrud Live Crud Generator. This package generates Basic Crud with Livewire. Features Generate Complete Crud With Livewire Component and Blade Files

Ritesh Singh 28 Oct 12, 2022
React laravel starter kit with tailwind css and vite js(laravel 9)

About Laravel Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experie

Jerald Tonmoy Dias 2 Dec 23, 2022