#init project
composer create-project laravel/laravel project-name
#install jetstream
composer require laravel/jetstream
php artisan jetstream:install livewire
#create DB
#setup .env
APP_NAME="Project Name"
APP_URL=http://projectlink
DB_HOST=DB_host
DB_DATABASE=DB
DB_USERNAME=username
DB_PASSWORD=password
//gmail stmp
MAIL_MAILER=smtp
MAIL_HOST=smtp.gmail.com
MAIL_PORT=587
MAIL_USERNAME=email@gmail.com
MAIL_PASSWORD=password
MAIL_ENCRYPTION=tls
MAIL_FROM_ADDRESS=email@gmail.com
chmod -R 777 ./storage/
php artisan migrate
#update guest.blade.php inside <head>
<!-- Styles -->
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>
#update config/fortify.php - uncomment this line
Features::emailVerification(),
#update config/jetstream.php - uncomment this line
Features::api(),
#update app/Models/User.php - add text
class User extends Authenticatable implements MustVerifyEmail
#update app/Provider/FortifyServiceProvider.php - add inside boot()
Fortify::verifyEmailView(function () {
return view('auth.verify-email');
});
npm install tailwindcss@latest postcss@latest autoprefixer@latest
#update webpack.mix.js - add text inside "public/css",[ HERE ]
require("postcss-import"),
require("tailwindcss"),
#update resource/js/app.js - add text below line
var Turbolinks = require("turbolinks")
Turbolinks.start()
***Livewire no longer supports Turbolinks out of the box.
If you want to continue using Turbolinks in your Livewire application, you will have to include the Turbolinks adapter alongside Livewire's JavaScript assets:
@livewireScripts
#clear cache laravel
php artisan optimize:clear
php artisan cache:clear
php artisan config:cache
php artisan storage:link
npm install
npm install --save turbolinks
npm run dev
#test it