Nuovo progetto in Laravel 10 + Bootstrap 5.x + SASS

Prima di tutto eseguiamo il solito comando di installazione di npm

Creiamo il nostro progetto composer create-project laravel/laravel:^10.0 example-app, dove example-app e' il nome del nostro progetto
Entriamo nella cartella del progetto cd example-app
Eseguiamo npm install
Eseguiamo il comando per aggiungere sass npm i --save-dev sass o npm install -D sass
Modifichiamo la cartella resources/css in resources/scss
Modifichiamo il file resources/css/app.css in resources/scss/app.scss
Modifichiamo il file vite.config.js aggiungendo a plugins il path giusto da 'resources/css/app.css' a 'resources/scss/app.scss' ,
Aggiungiamo un alias al file vite.config.js per facilitare l'accesso a resources:

resolve: {
        alias: {
            '~resources' : "/resources/"
        }
}

Aggiungiamo import "~resources/scss/app.scss"; al file resources/js/app.js
Aggiungiamo @vite("resources/js/app.js") ad ogni layout della nostra applicazione
Aggiungiamo a resources/js/app.js una direttiva per la corretta gestione delle immagini
```
import.meta.glob([
    '../img/**'
]);
```
Aggiungiamo la riga package-lock.json al file .gitignore

Aggiungiamo Bootstrap 5 al nostro progetto

Installiamo attraverso npm i due pacchetti necessari a Bootstrap npm i bootstrap @popperjs/core
Aggiungo in cima al file vite.config.js questa riga const path = require("path");

Aggiungo agli alias sempre in vite.config.js

alias: {
            '~resources' : "/resources/",
            '~bootstrap' : path.resolve(__dirname, "node_modules/bootstrap")
        }

Apri la repository su github e in alto a destra clicca su "Use this template" e poi crea una nuova repository
Le diamo un nome come richiesto
La cloniamo direttamente dalla nostra IDE (vscode)
Apriamo la repository
Copio e incollo il mio file .env.example e lo rinomino come .env
Eseguiamo npm install
Eseguiamo composer install
Eseguiamo il comando di generazione della chiave univoca del nos 55B9 tro progetto con php artisan key:generate
Eseguiamo i due comandi di esecuzione costante in due terminali separati (anche paralleli, volendo) npm run dev e php artisan serve

Nomi cartelle in views: plurale (a meno che non siano admin o guest per definire chi ne usufruira')
Denominazione dei blade nelle views seguie il kebab-case io-sono-una-pagina-blade.blade.php
Denominazione dei model richiede SEMPRE il nome della tabella in uso al singolare, quindi da books il modello si chiamera' Book (segue PascalCase al singolare)
Denominazione dei controller segue PascalCase al singolare BookController

Name		Name	Last commit message	Last commit date
Latest commit History 3 Commits
app		app
bootstrap		bootstrap
config		config
database		database
public		public
resources		resources
routes		routes
storage		storage
tests		tests
.editorconfig		.editorconfig
.env.example		.env.example
.gitattributes		.gitattributes
.gitignore		.gitignore
README.md		README.md
artisan		artisan
composer.json		composer.json
composer.lock		composer.lock
package.json		package.json
phpunit.xml		phpunit.xml
vite.config.js		vite.config.js