A starter template from which to build Laravel + Vite apps

Related tags

Starter Projects laravel-vite-template
Overview

Stack

The Laravel framework is fast, clean, and filled with best practices. In this stack, it will handle the backend as an API.

 

The Laravel Vite package ties Laravel's frontend build process to Vite, allowing us to use Vite with Laravel having minimal configuration.

 

Vite gets our development server running - our finger on the pulse - in a split second, and hot-reloads faster than you can alt+tab.

 

Vue 3 is powerful, fast, and lends itself to clean organization through its Composition API.

 

Vue Router allows us to handle SPA navigation on our frontend.

 

VueUse is an awesome library of use functions for Vue 3 Composition API that allow us to access many browser APIs reactively.

 

TypeScript allows us to remember what goes where - it gives us code intellisense.

 

Workbox handles the complexity of our Service Worker for us, allowing us to run code in the background while our app is closed.

 

Pinia provides a type-safe, structured way to share data between components.

 

Tailwind accelerates CSS development by allowing us to compose most of our CSS rules from our HTML.

 

Material Design Components provides beautiful UI components that follow Google's best practices for UI design.

 

LogRocket gives us a live replay of every session on our app, with console and network logging as well.

 

Pusher allows us to utilize websocket connections, for things like live updates, as well as push notifications, to let users know when something happens and they're not in the app.

 

 

Get started

composer install
npm install
npm start

Or, if you want background tasks for each process:

php artisan serve & # the Laravel server

php artisan queue:listen & # if you'd like to run Laravel queue jobs

npm run dev & # the Vite server
You might also like...
Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project.
Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project.

Mazer is a Admin Dashboard Template that can help you develop faster. We bring Mazer with Laravel starter project. It's completely free and you can use it in your projects.

Saugi 118 Dec 20, 2022
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more
Laravel Admin Dashboard, Admin Template with Frontend Template, for scalable Laravel projects. It is to save your time when You start with new scalable Laravel projects with many features Bootstrap, cooreui, infyom admin Generator, roles and permissions, translatable models, spatie media and much more

Based on Laravel8.x laravel starter Template, to save your time when You start with new scalable Laravel projects with many features. Live Demo you ca

Omar Alalwi 56 Dec 12, 2022
Wave - The Software as a Service Starter Kit, designed to help you build the SAAS of your dreams 🚀 💰
Wave - The Software as a Service Starter Kit, designed to help you build the SAAS of your dreams 🚀 💰

Introduction Wave is a Software as a Service Starter Kit that can help you build your next great idea 💰 . Wave is built with Laravel, Voyager, Tailwi

null 4.2k Jan 4, 2023
Lumen PHP Framework (Starter Template)

This repository contains JWT Auth, Form Request, Route List, Redis, RabbitMQ and Mail packages. A ready auth system comes with the project

Yasin Köse 1 Feb 11, 2022
Pantheon platform's standard Drupal upstream, and recommended starter template for custom upstreams.

Composer-enabled Drupal template This is Pantheon's recommended starting point for forking new Drupal upstreams that work with the Platform's Integrat

Pantheon 5 Oct 11, 2022
Api first backend boilerplate build with laravel 🎯 you can use as a template 😉

Laravel Backend Template i use this as a starting point for my backend projects , it saves time with basic auth functionalities and has code examples

Hijen EL Khalifi 4 Nov 14, 2022
compile multiple tailwind.config.js with laravel-vite plugin

Compile multiple tailwind css from different tailwind.config.js files using laravel-vite If do you want to compile two or more tailwind css from diffe

Muhammad Amir 15 Dec 19, 2022
Repositorio del tutorial CRUD Laravel 9 y Vue 3 usando Vite

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

Alfredo Morales 2 Sep 29, 2022
CodeIgniter 3 + Vue.js 3 + Vite with supported Hot Module Replacement (HMR)

CodeIgniter 3 + Vue.js 3 + Vite Looking for Vue 2? Please check branch vue2 Just a basic example how to integrating CodeIgniter 3 + Vue.js 3 + Vite wi

Nur Muhammad 44 Dec 15, 2022
Comments
  • Vite dev server

    Vite dev server

    Hi :)

    You did a great laravel vite template! But i have a problem with running Vite server after npm run dev i cant open localhost:3000 - returns 404 error. When i execute npm start i can open 127.0.0.1:8000 but port 3000 is still unavailable. What im doing wrong?

    Thanks in advance, Piotrek

    opened by pszczesniak 5
  • TypeError: Cannot read properties of undefined (reading 'split') when calling `npm run start` on fresh install

    TypeError: Cannot read properties of undefined (reading 'split') when calling `npm run start` on fresh install

    Error Log

    failed to load config from F:\webdev\laravel-vite-template\vite.config.ts
error when starting preview server:
TypeError: Cannot read properties of undefined (reading 'split')
    at Object.<anonymous> (F:\webdev\laravel-vite-template\vite.config.ts:47:30)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at require.extensions.<computed> [as .ts] (F:\webdev\laravel-vite-template\node_modules\vite\dist\node\chunks\dep-e1fc1d62.js:61984:20)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Module._load (node:internal/modules/cjs/loader:827:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at loadConfigFromBundledFile (F:\webdev\laravel-vite-template\node_modules\vite\dist\node\chunks\dep-e1fc1d62.js:61992:17)
    at loadConfigFromFile (F:\webdev\laravel-vite-template\node_modules\vite\dist\node\chunks\dep-e1fc1d62.js:61911:32)
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    opened by RikiVallen 2
  • Split-laravel-and-vite

    Split-laravel-and-vite

    This PR should pull the Laravel app and the Vue app apart, and let them each be separate. This allows for much better support and compatibility with other things, across the board.

    opened by ChaDonSom 0
Owner
null
GitHub
An awesome starter template to create your Salla Apps today! 🚀

Salla Apps Starter Kit An awesome starter template to create your Salla Apps today! Explore our blogs » Report Bug · Request Feature . </Salla Develop

Salla 17 Dec 14, 2022
Laravel Starter With Laravel, Vite, Vue 2, Inertia.js, Ziggy

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

Oskars Germovs 1 Oct 29, 2021
Laravel Starter With Laravel, Vite, Vue 2, Inertia.js, Ziggy, Typescript

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

Oskars Germovs 1 Oct 29, 2021
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
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
Someline Starter is a PHP framework for quick building Web Apps and Restful APIs, with modern PHP design pattern foundation.

Someline Starter PHP Framework Tested and used in production by Someline Inc. Someline Starter is a PHP framework for quick building Web Apps and Rest

Someline 844 Nov 17, 2022
A simple Laravel & Nuxtjs starter template

Laravel Nuxtjs is a basic starter app built with Nuxtjs CLI thet give you the powerful of Nuxtjs with API laravel backend

mohssine aboutaj 5 Apr 11, 2022
Laravel backend Inertia and Vue starter template

Inertia.js - Vue.js ve Laravel Starter Template Yunus Emre Altanay If you want to make a single page application using laravel infrastructure. This re

Yunus Emre Altanay 3 Oct 21, 2021
👔 Enterprise Web application starter kit or template using Laravel

Laravel Enterprise Starter Kit (LESK) Description LESK, is a template project based on the Laravel LTS, combining a set of features that can kick star

Sebastien Routier 1 Dec 31, 2020
Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

Laravel 8 + Vue 2 + AdminLTE 3 based Curd Starter template

Anowar Hossain 334 Dec 29, 2022