Combines a Laravel 9 backend with a Vue 3 frontend in a separated frontend/backend structure
Laravel9-Vue3-TypeScript — Vue Starter Template
By islamroshan
A Laravel 9 and Vue 3 starter template with a separated frontend and backend, integrating TypeScript, Sanctum authentication, Vuex, Vue Router, and the PrimeVue component library, intended for quickly building new projects with an admin panel.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Uses Laravel Sanctum for authentication support
Frontend integrates TypeScript, Vue Class Component, Vuex, and Vue Router
Includes the PrimeVue component library and the PrimeFlex grid system
Comes with an admin panel interface, and the README provides a demo account
Uses the MIT license, allowing modification, commercial use, and distribution
Template Details
This is a Laravel 9 Starter Kit repository intended to provide a preconfigured scaffold for new projects that use both Laravel and Vue. The backend uses Laravel 9 and relies on Laravel Sanctum for authentication; the frontend uses Vue 3 with Vue Class Component, Vuex, Vue Router, and TypeScript, while the UI layer includes the PrimeVue component library and the PrimeFlex grid system. The README states that you can clone the repository and start development directly, and it lists the required dependencies and startup steps.
The template includes an admin panel. The README provides a demo account (email [email protected], password 123456789) and includes screenshots of the home page, sidebar, and dashboard. The development environment is primarily based on Laravel Sail, and the startup process includes building the Sail container, installing Composer and npm dependencies, running migrations and seeding, and starting the frontend development server.
The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses, and external services such as domains, hosting, and databases may incur costs. The template does not describe a production deployment approach or long-term maintenance status.
Is it right for your project?
Use Cases
- Initializing new projects that need to use both Laravel and Vue 3
- Building administrative applications with authentication and a backend interface
- As a starting reference for introducing TypeScript and PrimeVue into a Vue 3 project
- For teams using Laravel Sail as their local development environment
Suitable For
- Full-stack developers familiar with Laravel and Vue
- Individuals or small teams that need a quickly available, preconfigured scaffold
- Projects that want to write Vue 3 components in TypeScript
- Projects that accept PrimeVue as the UI component library
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
npm, Node, and PHP must be installed in advance; the README uses Laravel Sail as the development environment
- 2
After cloning the repository, run the Sail build, Composer install, and npm install in sequence
- 3
Run sail artisan migrate and db:seed to initialize the database
- 4
Use sail npm run dev to start the frontend development server, then visit localhost
- 5
The demo admin account is [email protected] with password 123456789, for local verification only
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in a public repository under the MIT license; the free scope is the code of that version and does not mean that external services or third-party assets are free.
Must comply with when using
- The code of this version may be used, modified, used commercially, and distributed free of charge.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Using this template requires installing npm, Node.js, and PHP yourself; the README uses Laravel Sail as the development environment and does not provide configuration instructions for other environments.
- The admin demo account [email protected] / 123456789 provided in the README is only a local demo credential and should not be used directly in a production environment.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Make sure you have npm, node, php installed, I have used laravel sail for my development enviroment
Original README
https://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/LICENSE.mdhttps://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/README.mdAdmin Dashboard Credentials Email: [email protected] Pwd: 123456789
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 65 / 100
- Technologies
- Vue · Laravel
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-08-03
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Vue as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 2eec29f8b5319bf2b381ecf3276f29b8bb5e72d35f82d23e7b03ac6b592ca400
2026-10-03T03:28:08.949Z
Source file / repository<h1>Laravel 9 Development Starter Project.</h1>
Descripton: in this repository you will get Laravel-9 starter scafold with configured settings for instance, if you are planning to start a new project with vue and laravel then only thing you need will be to fetch this repository and start building your app.
This includes all latest pakages for development, Below are the list of pakages installed.
<ul>
<li>Laravel 9</li>
<li>Laravel Sanctum for authentication</li>
<li>Vue 3</li>
<li>Vue Class Component</li>
<li>Vuex</li>
<li>Vue Router</li>
<li>TypeScript</li>
<li>Prime Vue (Frontend framework for Vue js)</li>
<li>Prime Flex (Gird System) and many other dependencies to start a new project</li>
</ul>
You can clone the project and make changes or distrubute it without any restrictions.
Leave a Star/Fork if you appreciate my efforts.
Follow these steps to run this app.
<ol>
<li>Make sure you have npm, node, php installed, I have used laravel sail for my development enviroment</li>
<li>Clone the git repository</li>
<li>cd into the directory</li>
<li>Run, sail build or ./vendor/bin/sail build</li>
<li>Run, Composer install</li>
<li>Run, npm install</li>
<li>Run, sail down and then sail up -d</li>
<li>Run, sail artisan migrate</li>
<li>Run, sail db:seed</li>
<li>Run, sail npm run dev</li>
<li>Open browser and type localhost</li>
</ol>
Admin Dashboard Credentials
Email: [email protected]
Pwd: 123456789
Thanks
<img src="https://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/image.png" height="100%" width="100%">
<img src="https://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/sidebar.png" height="100%" width="100%">
<img src="https://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/Dashboard.png" height="100%" width="100%">
Explore similar templates
Compare previews and descriptions within the same stack and category.

vitesse
Vitesse is an opinionated Vite + Vue 3 starter template maintained by antfu-collective, offering file-based routing, component and API auto-import, Pinia, UnoCSS, PWA, i18n, Markdown, vite-ssg, TypeScript, Vitest, and Cypress.
Vue · Starter

vitesse-webext
vitesse-webext is a Vite-powered WebExtension starter template using Vue 3 and TypeScript, with built-in popup, options, and content script examples. It targets Chrome and Firefox, integrates webextension-polyfill, webext-bridge, UnoCSS, VueUse, and unplugin tools, and supports hot reload during development.
Vue · Starter

laravel-vue-spa
A Laravel + Vue SPA starter kit for quickly building a decoupled web application skeleton. It includes login, registration, email verification, and password reset flows, uses JWT for authentication, and integrates Laravel Socialite with GitHub as an example provider.
Vue · Starter

vue3-h5-template
A mobile H5 starter template built on Vue3, Vite, and Vant4, with TypeScript by default and JavaScript and i18n branches.
Vue · Starter

tov-template
tov-template is an MIT-licensed Vite + Vue 3 + TypeScript starter maintained by dishait. It bundles file-based routing, layouts, Mock, auto-imports, UnoCSS, Pinia, vue-request, Vitest, i18n, dark mode, Dockerfile, and engineering scripts.
Vue · Starter

shadcn-vue-landing-page
A Vue + Shadcn-Vue + TypeScript + Tailwind landing page template with sections like Navbar, Hero, Pricing, FAQ, Team, and Contact, plus dark mode and responsive layout.
Vue · Corporate Website
