Blog / FYI

Image used for article Créer des emails avec Vue et Tailwind en utilisant Inertia Mailable

Inertia Mailable est un package qui vous permet de concevoir de fabuleux emails dans un projet Laravel en tirant parti de la puissance d’InertiaJS. Créer des designs d’emails interactifs et réactifs en construisant des composants VueJS, en les enrichissant avec TailwindCSS et en les intégrant dans vos mailables.

Image used for article Créer une page d’erreur personnalisée avec Laravel et Inertia

Dans un article précédent, le quatrième article de ce blog. il était question de personnaliser la page d’erreur 502 Bad Gateway rendue par Nginx. Celle-ci était une page HTML placée directement dans le dossier /public. Cet article se concentre désormais sur la personnalisation des pages d’erreur retournées par Laravel dans un projet VILT.

Image used for article Créer une page d’erreur personnalisée avec Laravel et Inertia

Il est fréquent de rencontrer sur un site internet un formulaire de contact ou une adresse e-mail permettant de contacter l'administrateur du site. Ces formulaires requièrent généralement une adresse e-mail, un titre et un objet. Cet article propose une alternative plus ouverte à l'anonymat, en remplacement de ce format standard. En se servant de Discord.

Image used for article Dessiner un motif SVG dynamique avec Vue

Le format SVG est couramment utilisé pour afficher des images ou illustrations en deux dimensions sur le web. Ce format vectoriel permet aussi les agrandissements et les réductions de taille sans perte de résolution.

Image used for article Créer un package Node sur son environnement Laravel local

Il ne devrait toujours pas vous surprendre d'apprendre que nous utilisons des centaines de packages lors du développement d'outils web. Pour les obtenir, il suffit de faire ses emplettes auprès d'un gestionnaire de packages, tel que NPM, qui en compte 2 633 573 en janvier 2024.

Image used for article Lancer Laravel depuis son navigateur avec Browser PHP

Avant toute chose, il est de bon ton de rappeler que le langage PHP est un langage de script utilisé le plus souvent côté serveur, et cet article ne risque pas de plaire aux puristes mais il est le fruit d’une réflexion simple : Comment lancer un script php du côté client ? Browser PHP est le résultat de la résolution de cette réflexion.

Image used for article Collecter des feedbacks via notification Slack dans un projet Laravel

Il est fréquent de rencontrer sur un site internet un formulaire de contact ou une adresse e-mail permettant de contacter l'administrateur du site. Ces formulaires requièrent généralement une adresse e-mail, un titre et un objet. Cet article propose une alternative plus ouverte à l'anonymat, en remplacement de ce format standard. En se servant de Slack.

Image used for article Créer un package Laravel sur son environnement local

Si vous souhaitez développer votre propre package, il est tout à fait légitime de vous demander comment le tester dans des conditions réelles. Publier le package sur Packagist en plein développement n'est pas une option. Une autre approche serait de l'intégrer dans un projet vierge sans utiliser Composer. la méthode de cet article se rapproche beaucoup plus d'une situation réelle, mais nécessite une préparation de l'environnement.

Image used for article Créer un blog avec Laravel, Vue et Canvas

Canvas est un puissant outil pour les applications Laravel qui simplifie l'écriture, la modification et la personnalisation de votre contenu grâce à une gamme d'outils de publication. Il s'agit d'une solution tout-en-un incroyable pour la création et la publication d'articles, comme celui que vous êtes en train de lire.

Image used for article Afficher un modal avec VueJS et son composant Teleport

Utiliser un modal peut sembler évident sur un site web, sa mise en place peut parfois s'avérer complexe. Pour simplifier cette tâche, le framework Vue a mis en place son composant intégré <Teleport>. Celui-ci nous permet de "téléporter" une partie du modèle d'un composant dans un nœud du DOM existant en dehors de la hiérarchie du DOM de ce composant.

Image used for article Ajouter un dark mode général avec Tailwind CSS

L’élément principal de cet article est la variante dark que l’on peut configurer dans le fichier de configuration de TailwindCSS. Ajouter la valeur class au darkMode permet d’activer les classes CSS uniquement lorsque la classe dark est présente. La valeur media quant à elle se base sur les préférences du système d’exploitation.

Image used for article Créer une page 502 Bad Gateway personnalisée

Il arrive parfois que l’appel à un url renvoie une page 502. Le code de réponse HTTP d'erreur serveur 502 Bad Gateway indique que le serveur, agissant comme une passerelle ou un proxy, a reçu une réponse invalide depuis le serveur en amont. Celui-ci décide alors de renvoyer une page par défaut .

Image used for article Créer son propre script Artisan

Tous les artisans Laravel reconnaîtront la commande php artisan inspire. Mais ce que tout le monde ne sait pas forcément, c’est qu’il est possible de personnaliser cette commande.

v1.3.1

Icône XIcône Github