1 year ago

In this tutorial I am going to show you how you can setup your own single page application using Laravel + Vue 3 using typescript and Vite. This is a manual way to add PWA on your laravel projects.

Inside our laravel project let us run a command using yarn, and choose vue and typescript.

https://res.cloudinary.com/practicaldev/image/fetch/s--p448nSe1--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kecnngf6xfc0gm5ctn2h.png #step-3-setup-laravel-route STEP Setup Laravel Route

{ ... "scripts": { ... "front:serve": "cd FrontEndApp && yarn dev", "front:build": "cd FrontEndApp && yarn build", "serve": "concurrently \"php artisan serve --port=8080\" \"yarn front:serve\"", "deploy": "yarn setup && yarn front:build && php artisan migrate"}, ... }