Nodig : composer of Laravel installer
composer create-project --prefer-dist laravel/laravel projectnaam
laravel new projectnaam
Of in phpstorm new project -> Laravel/Laravel
cd in project directory.
composer require laravel/jetstream
php artisan jetstream:install livewire
Npm install
Npm run dev
.env file editeren met dbase gegevens en php artisan migrate
Aanpassingen in config file : timezone (Europe/Brussels) en soms locale en faker_locale (nl_BE : let op underscore !)
Autogit importeren vanop hosting : config autogit zie verder onder hosting
git aktiveren via git init
.gitignore file bewerken en .DS_Store en .idea/ toevoegen
Sinds Laravel 6.0 zijn de Vue en CSS frameworks niet meer in de standaard beschikbaar. Die dienen te worden ingeladen met : composer require laravel/ui --dev alvorens de andere presets in te laden.
Ondertussen zijn er van een aantal frameworks presets beschikbaar die kunnen worden geïnstalleerd met composer
cfr. github.
composer require laravel-frontend-presets/tailwindcss
Nadien de presets activeren via `php artisan preset tailwindcs``of de auth versie (zie verder)
Alternatief voor Foundation
file : package:json vervangen van bootstrap-sass door foundation-sites, verdere uitleg zie hier.
php artisan make:auth
voor Tailwind preset: php artisan ui tailwindcss --auth
Laravel collective -> wordt blijkbaar wel minder gebruikt, hou rekening mee dat dat bij elke major release een vertragende factor kan zijn om up te graden. composer require “laravelcollective/html”:"^5.4.0" en vervolgens provider en aliases definiëren https://laravelcollective.com/docs/5.4/html
Connectie met database opzetten : aanpassen van file .env in sommige gevallen (MAMP) dient 127.0.0.1 te vervangen worden door localhost
probleem met >Laravel 5.4 error te lange string : toevoegen in AppServiceProvider documentatie hier
Basis : Weghalen default vue : resources/assets/js/app.js
Bijkomende libraries toevoegen : toevoegen aan resources/assets/js/bootstrap.js - bvb require('flatpickr) Deze libraries dienen wel te worden geïnstalleerd, dus toevoegen aan package.json of via npm install.
CSS/SASS: files toevoegen : bvb _styles en font awesome of Flatpickr.
Import toevoegen aan resources/sass/app.scss of app.css voor Tailwind
Voorbeeld voor flatpickr:
@import "~flatpickr/dist/flatpickr.css";
@import "~flatpickr/dist/themes/material_blue.css";