VueLaravelStarter

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.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Combines a Laravel 9 backend with a Vue 3 frontend in a separated frontend/backend structure

02

Uses Laravel Sanctum for authentication support

03

Frontend integrates TypeScript, Vue Class Component, Vuex, and Vue Router

04

Includes the PrimeVue component library and the PrimeFlex grid system

05

Comes with an admin panel interface, and the README provides a demo account

06

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.

VueLaravelStarter kit

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. 1

    npm, Node, and PHP must be installed in advance; the README uses Laravel Sail as the development environment

  2. 2

    After cloning the repository, run the Sail build, Composer install, and npm install in sequence

  3. 3

    Run sail artisan migrate and db:seed to initialize the database

  4. 4

    Use sail npm run dev to start the frontend development server, then visit localhost

  5. 5

    The demo admin account is [email protected] with password 123456789, for local verification only

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This 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

Admin Dashboard Credentials Email: [email protected] Pwd: 123456789

Original README
https://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/LICENSE.mdhttps://github.com/islamroshan/Laravel9-Vue3-TypeScript/blob/main/README.md

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%">
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

vitesse

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

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

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

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

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

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