Wheat grass

Maak Kennis Met Laravel Breeze

Start je nieuwe Laravel-project goed met de Laravel Breeze startpakket. Laravel Breeze maakt het eenvoudig om gebruikersaanmelding, registratie, wachtwoordreset, e-mailverificatie en wachtwoordbevestiging toe te voegen.

Als je ooit een app in PHP hebt geschreven en handmatig het gebruikersregistratiesysteemg hebt geprogrammeerd, weet je hoeveel tijd het kost om al deze pagina's in PHP te schrijven. Laravel heeft dit supermakkelijk voor je gemaakt met het nieuwe Breeze package.

Laravel 8

Met Laravel versie 8 krijg je de mogelijkheid om je project te starten met twee pakketten voor het gebruikersregistratiesysteem. Eén daarvan is het complexere pakket Jetstream, die ik in een latere post zal bespreken. De andere is het meer basic Breeze-pakket.

Tailwind CSS

Breeze is gebouwd met Laravel Blade en Tailwind CSS. Het oudere Laravel UI-pakket is gebouwd met Bootstrap. Dit is iets om aan te passen voor ontwikkelaars die Boostrap gewend zijn.

Gelukkig is Tailwind CSS erg makkelijk te gebruiken. Het maakt gebruik van inline classes om je elementen te stylen, zonder de vooraf bepaalde styling die bij Boostrap kenmerkt.

Bootstrap werd geleverd met kant-en-klare componenten, zoals kaarten, navigatiebalken en carrousels. Dit maakt het gemakkelijk te gebruiken, maar meestal kun je zien dat een applicatie is gebouwd met Bootstrap, vanwege deze componenten. De apps lijken erg op elkaar.

Tailwind biedt deze componenten niet. Je stijlt alles in-line. Voor de positionering kun je FlexBox CSS of CSS Grid classes gebruiken. Hier is een link naar een cheat sheet met alle beschikbare classes van Tailwind CSS.

Installeer Laravel Breeze

We zullen Breeze toevoegen aan een vers geïnstalleerde en geconfigureerde Laravel-applicatie.

Oom Breeze te installeren, gebruiken we de command line van de IDE.

De vijf onderstaande commando's zullen het pakket toevoegen met behulp van Composer. Daarna worden alle bestanden geïnstalleerd en worden de assets gecompiled. De laatste stap voegt de tabellen toe aan de database.

Install commands voor het Laravel Breeze-pakket.

Laten We Het Resulaat Bekijken

Je hebt nu toegang tot een volledig functionerend inlog- en registratiesysteem. Je kunt het zelf zien door de URL's te bekijken mijnproject.test/login of mijnproject.test/register.

Een lijst met alle toegevoegde Blade-bestanden:

  • login.blade.php
  • register.blade.php
  • reset-password.blade.php
  • forgot-password.blade.php
  • confirm-password.blade.php
  • verify-email.blade.php

Breeze vs Jetstream

Het basispakket Breeze biedt meer dan genoeg voor de meeste toepassingen. Als je een grotere applicatie bouwt en meer functionaliteit nodig hebt, ga dan naar Laravel Jetstream. Jetstream voegt functionaliteiten toe, zoals tweefactorauthenticatie, teambeheer, sessiebeheer en meer.

Houd de blog in de gaten voor de post over Jetstream. Tot snel!

Scroll naar boven