Laravel Vue Boilerplate

🐘 A Laravel 8 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
Alternatives To Laravel Vue Boilerplate
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Generator Angular Fullstack6,12884a month ago115August 11, 2018254JavaScript
Yeoman generator for an Angular app with an Express server
2010 months agoApril 05, 201414Pug
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
2 years ago3PHP
All the power of Pug, Sass, Coffeescript and WebPack in your WordPress theme. Stop writing themes like it's 1998.
Generator Yeogurt54822 months ago127February 01, 2020mitJavaScript
A generator for creating static sites. Helps you harness the power of your favorite tools: Pug or Nunjucks, Gulp, ES6/2015, and much more!
Laravel Vue Boilerplate482
2 years agomitPHP
:elephant: A Laravel 8 SPA boilerplate with a users CRUD using Vue.js 2.6, GraphQL, Bootstrap 4, TypeScript, Sass, and Pug.
Pingy Cli3873224 months ago46June 09, 201842mitJavaScript
The Simple Frontend Build Tool. No Configuration, No Plugins.
Pug Starter338
11 days ago2May 18, 2019gpl-3.0JavaScript
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Kratos Boilerplate316
23 days agomitJavaScript
:fire: A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Gulp Pug Starter262
a year ago9September 29, 20182gpl-3.0JavaScript
Frontend development with pleasure. Pug + SCSS version
a day ago8gpl-3.0TypeScript
Alternatives To Laravel Vue Boilerplate
Select To Compare

Alternative Project Comparisons

Laravel Vue Boilerplate

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

  • A users CRUD if the current user is an admin written in RESTful and GraphQL.
  • i18n for English, Portuguese and Spanish, based on browser language settings.
  • Authentication using Laravel Sanctum.
  • WebSockets with Laravel Echo and Pusher.
  • Working service worker with Workbox for better PWA development.
  • Dockerfile configured with PHP 7.4, Node.js 12 and Composer, with MySQL and phpMyAdmin on Docker Compose.

You can check it live on this website, with the credentials:

Admin user

E-mail: [email protected]
Password: admin

Normal user

E-mail: [email protected]
Password: normal

Notice that all the changed data on that website sample, such as password and CRUD actions, won't be stored.

Main dependencies


The TypeScript code tries to follow the Airbnb JavaScript Style Guide, the linters are already included and configured.


Steps to run it:

Remember to search for "TODO change" on the files to change example code.

With Docker


docker-compose up --build

After it starts, just on the first time, run on another terminal:

docker exec laravel-vue-boilerplate bash -c "composer start && npm start"

The application will be available on http://localhost:8000 and the phpMyAdmin on http://localhost:8081

Common way

Rename the .env.example file to .env, and fill it with your local info, then:

Install PHP and JavaScript dependencies:

composer install
npm install

Generate Laravel keys:

php artisan key:generate

Generate i18n string for Vue, based on Laravel i18n files:

php artisan vue-i18n:generate

Migrate and seed the database:

php artisan migrate --seed

Compile all the front-end stuff:

npm run prod
Popular Pug Projects
Popular Sass Projects
Popular Web User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Continuous Integration