About
Laravel API Development & Vue JS SPA:
Project Setup
Laravel API Development & Vue JS SPA - e01- Project Setup
- Create new project Via Composer Create-Project
- composer create-project --prefer-dist laravel/laravel jot
- Create authentication the quick way
- composer require laravel/ui --dev
- php artisan ui vue --auth
- Remove default Vue/Bootstrap by setting preset to none
- php artisan preset none
- Add back the base Vue preset
- php artisan preset vue
- Add npm packages vue-router and tailwindcss in our dev dependencies
- npm install vue-router tailwindcss --save-dev
Vue Router
Laravel API Development & Vue JS SPA - e02 - Vue Router
- Setup vue-router package to handle all of the routing
Tailwind CSS
Laravel API Development & Vue JS SPA - e03 - Tailwind CSS
- Setup Tailwind CSS. Though I don't understand why the command we did earlier doesn't cover this new one...
- npm install tailwindcss
- Add directives to app.scss
- Setup base config
- npx tailwind init
- Let Laravel Mix know about tailwind. This is a little complex, and I needed to restart 'npm run watch' for the changes to appear. Follow video...
Login View
Laravel API Development & Vue JS SPA - e04 - Login View 1
- Mentions having access to course files. Since I'm watching intro on YouTube I don't have access to this yet.
- This episode is essentially applying tailwind classes to the login page.
- Got a bit distracted by trying to create an SVG graphic! Bummers...
Login View 2
Laravel API Development & Vue JS SPA - e05 - Login View 2
- This episode applies more tailwind classes to the login page. Almost done!
Login View 3
Laravel API Development & Vue JS SPA - e06 - Login View 3
- This episode applies final tailwind classes to the login page. Done!
