Laravel , CRUD ( create, read, update and delete ) app, with TailwindCss and Blade.

Abdullah Al Hommada
5 min readJun 9, 2021
from pixabay

What we will work with :

  • Laravel : is a web application framework with expressive, elegant syntax. primarily used for building custom web apps using PHP. It’s a web framework that handles many things that are annoying to build yourself, such as routing, templating HTML, and authentication.
  • Blade template : Blade is the simple, yet powerful templating engine that is included with Laravel. Unlike some PHP templating engines, Blade does not restrict you from using plain PHP code in your templates.
  • Tailwind css: Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

What will be covered :

  • initial Laravel app
  • make Model, Controllers, and connect to database
  • Go through CRUD (create, read, update, delete ) and explain the step of every one of it.
  • work with Blade to show the the front end of the app.

- make new laravel project

at first you need composer , node.js , php to be installed on your computer

make a new project with name blog

laravel new project blog  // if you have laravel installed globally or
composer create-project --prefer-dist laravel/laravel blog

make the tailwind ui auth with the commands:

composer require laravel-frontend-presets/tailwindcss --dev  // to //                                           install the presetphp artisan ui tailwindcss --auth
npm install && npm run dev
php artisan serve // then go to localhost:8000 so you can see your // new laravel app.

you can see now that there is a new folders in view directory , with names : auth and layout . and see that there is a new folders in public folder for css and js, in css directory you can see app.css which contain tailwind css style.

Abdullah Al Hommada

Full Stack Web Developer with a great passion for creating beautiful projects.