Formation Pratiquer Laravel & Inertiajs : Créer une interface d'administration

Aujourd’hui, je vous propose de pratiquer autour d'un TP sur Laravel, Inertia et React. L’idée, c’est de voir comment combiner différentes technologies déja traitées sur cette chaine pour construire une interface d’administration complètee.

Pour cet exercice on va créer ensemble un panneau d’administration pour un site de recettes de cuisine. Le but, c’est de vous montrer comment mettre en place toutes les bases nécessaires pour gérer du contenu de manière propre et moderne.

Sommaire

00:00 Présentation du projet
01:23 Prérequis
01:42 Initialisation du projet
04:10 Gestion des ingrédients
11:45 Listing des ingrédients
24:08 Pagination
36:09 Recherche
41:53 Organisation
56:29 Suppression d'un ingrédient
01:07:17 Formulaire d'édition
01:30:29 Formulaire de création
01:35:50 Gestion de images
02:02:53 Outro

Dans cette vidéo

Dans cette première partie, on va s’occuper de la gestion des ingrédients. L’objectif, c’est d’arriver à une interface qui nous permette :

• d’afficher la liste des ingrédients existants dans un tableau,
• de rechercher un ingrédient par son nom,
• de trier les résultats (par nom ou par ID),
• de paginer la liste pour naviguer facilement,
• et bien sûr, de modifier ou supprimer les éléments existants.

On prendra aussi le temps de structurer le projet correctement, pour pouvoir facilement réutiliser des éléments par la suite.

Les prérequis

Avant de suivre cette vidéo, il faut tout de même avoir quelques bases solides.
L’idée n’est pas de découvrir Laravel ou React ici, mais de voir comment les deux s’intègrent grâce à Inertia.

Il faut donc être déjà à l’aise avec Laravel et React.
Si vous ne connaissez pas encore Inertia, Tailwind ou ShadCN, ce n’est pas dramatique : on les découvrira ensemble au fur et à mesure.
Mais vous devez comprendre au moins le fonctionnement général d’une application Laravel et bien comprendre React.

Et la suite ?

Dans la prochaine vidéo, disponible pour les membres premium, on passera à la gestion des recettes et cela sera l'occasion d'aller un peu plus loin avec des éléments de formulaire plus complexes :

• La gestion des ingrédients avec une relation BelongsToMany avec des informations sur la table pivot
• La gestion des étapes de la recette avec une relation de type HasMany et la création de système d'organisation en drag'n drop.

Ce sera donc l’occasion de pousser un peu plus loin l’intégration entre Laravel et Inertia.