PHPackages                             skrypt-nl/laravel-vue-tailwind-spa - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Framework](/categories/framework)
4. /
5. skrypt-nl/laravel-vue-tailwind-spa

ActiveProject[Framework](/categories/framework)

skrypt-nl/laravel-vue-tailwind-spa
==================================

A Laravel-Vue SPA starter project template with Tailwind CSS integration.

0.2.0(5y ago)6719814[24 PRs](https://github.com/skrypt-nl/laravel-vue-tailwind-spa/pulls)MITPHPPHP ^7.2.5

Since Nov 10Pushed 3y ago2 watchersCompare

[ Source](https://github.com/skrypt-nl/laravel-vue-tailwind-spa)[ Packagist](https://packagist.org/packages/skrypt-nl/laravel-vue-tailwind-spa)[ RSS](/packages/skrypt-nl-laravel-vue-tailwind-spa/feed)WikiDiscussions master Synced 3w ago

READMEChangelog (2)Dependencies (16)Versions (28)Used By (0)

Laravel 8, Vue &amp; Tailwind SPA
=================================

[](#laravel-8-vue--tailwind-spa)

> A Laravel, Vue &amp; Tailwind SPA starter project template.

 [![](https://camo.githubusercontent.com/12a5e0f6b36c5f1db2c695f13f5d5fb6a1054efcb25002a5df745deac5f50034/68747470733a2f2f692e696d6775722e636f6d2f64733649356a562e706e67)](https://camo.githubusercontent.com/12a5e0f6b36c5f1db2c695f13f5d5fb6a1054efcb25002a5df745deac5f50034/68747470733a2f2f692e696d6775722e636f6d2f64733649356a562e706e67)

Please note
-----------

[](#please-note)

This project is based on an older version of [cretueusebiu/laravel-vue-spa](https://github.com/cretueusebiu/laravel-vue-spa). All credits should go to [Cretu Eusebiu](https://github.com/cretueusebiu), this version only contains some changes for the use of Tailwind and to fit our own needs.

Features
--------

[](#features)

- Laravel 8
- Vue + VueRouter + Vuex + VueI18n (disabled for now) + ESlint
- Pages with dynamic import and custom layouts
- Login, register, email verification and password reset
- Authentication with JWT
- Socialite integration (disabled for now)
- Tailwind + Font Awesome 5
- Basic Tailwind design for some pages

To Do - v1.0.0
--------------

[](#to-do---v100)

- Upgrade to Laravel 8
- Fix npm hot reloading
- Redesign auth pages
- Redesign dashboard pages
- Remove redundant components
- Sidebar icons &amp; sidebar toggle
- Create VueI18n components and implement them
- Create Socialite components for GitHub
- Fix all tests
- Add more components
- Create a changelog and track changes

Installation
------------

[](#installation)

- `composer create-project --prefer-dist skrypt-nl/laravel-vue-tailwind-spa`
- Edit `.env` and set your database &amp; email connection details
- (When installed via git clone or download, run `php artisan key:generate` and `php artisan jwt:secret`)
- `php artisan migrate`
- `npm install`

Usage
-----

[](#usage)

#### Development

[](#development)

```
# Build and watch
npm run watch

# Serve with hot reloading
npm run hot
```

#### Production

[](#production)

```
npm run production
```

Socialite
---------

[](#socialite)

*Socialite has been integrated, but hasn't been added by default on the login &amp; sign up pages.*

This project comes with GitHub as an example for [Laravel Socialite](https://laravel.com/docs/8.x/socialite).

To enable the provider create a new GitHub application and use `https://example.com/api/oauth/github/callback` as the Authorization callback URL.

Edit `.env` and set `GITHUB_CLIENT_ID` and `GITHUB_CLIENT_SECRET` with the keys form your GitHub application.

For other providers you may need to set the appropriate keys in `config/services.php` and redirect url in `OAuthController.php`.

Email Verification
------------------

[](#email-verification)

To enable email verification make sure that your `App\User` model implements the `Illuminate\Contracts\Auth\MustVerifyEmail` contract.

Testing
-------

[](#testing)

*Currently, the tests are not working properly as these were created for the original project.**We will do our best to get them up and running as soon as possible again.*

```
# Run unit and feature tests
vendor/bin/phpunit

# Run Dusk browser tests
php artisan dusk
```

Changelog
---------

[](#changelog)

*Coming soon*

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

###  Health Score

30

—

LowBetter than 62% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity26

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

2062d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/50553447?v=4)[Skrypt](/maintainers/skrypt-nl)[@skrypt-nl](https://github.com/skrypt-nl)

---

Top Contributors

[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (4 commits)")

---

Tags

laraveltailwindtailwindcssvuevuejslaravelvueSPA

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/skrypt-nl-laravel-vue-tailwind-spa/health.svg)

```
[![Health](https://phpackages.com/badges/skrypt-nl-laravel-vue-tailwind-spa/health.svg)](https://phpackages.com/packages/skrypt-nl-laravel-vue-tailwind-spa)
```

###  Alternatives

[unopim/unopim

UnoPim Laravel PIM

10.5k2.4k](/packages/unopim-unopim)[bagisto/bagisto

Bagisto Laravel E-Commerce

27.6k172.1k9](/packages/bagisto-bagisto)[krayin/laravel-crm

Krayin CRM

23.2k33.6k1](/packages/krayin-laravel-crm)[nasirkhan/laravel-starter

A CMS like modular Laravel starter project.

1.4k2.7k](/packages/nasirkhan-laravel-starter)[cretueusebiu/laravel-nuxt

A Laravel-Nuxt starter project template.

1.1k6.3k](/packages/cretueusebiu-laravel-nuxt)[codewithdennis/larament

Larament is a time-saving starter kit to quickly launch Laravel 13.x projects. It includes FilamentPHP 5.x pre-installed and configured, along with additional tools and features to streamline your development workflow.

3991.8k](/packages/codewithdennis-larament)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
