Nous travaillons sur la prochaine version de Laravel News depuis quelques mois et nous sommes heureux de l’avoir publiée le week-end dernier. Avec le lancement, nous voulions faire une annonce officielle et parler de certains des changements et améliorations qui ont été apportés au site.

Nouveau design

Ce tout nouveau design a été créé par Zaengle et l’objectif était de moderniser le design précédent qu’ils ont également créé en 2016. Le logo a également été légèrement amélioré.

Ils ont également aidé sur le plan technique en mettant le site en place Statamique et pour développer pleinement le frontend. Pour plus d’informations sur la pile frontale, consultez leur attribution.

Statamique

La version précédente de Laravel News était propulsée par WordPress, puis tous les nouveaux articles ont été déplacés vers une application Laravel via des webhooks. Cela signifie que j’ai dû gérer deux systèmes et les maintenir à jour, donc avec cette version; Je voulais tout mettre dans une seule application Laravel. Pour cette raison, j’ai choisi Statamic car vous pouvez toujours utiliser toutes les fonctions Laravel en dehors du CMS.

Statamic fournit tous les articles, puis les liens de la communauté, la newsletter quotidienne et toutes les autres fonctions backend personnalisées avec du code Laravel personnalisé.

engagement

Nous utilisons une seule instance Linode gérée via Laravel Forge avec Cloudflare au premier plan. C’est la même configuration que nous utilisons depuis des années, et c’est bien d’avoir une structure simple sans beaucoup de pièces mobiles.

Pour les déploiements, nous utilisons la fonction Forge pour le déploiement automatique. Ensuite, seules quelques commandes de mise en cache de base sont exécutées dans le script de déploiement:

git pull origin main
composer install --optimize-autoloader --no-dev
php artisan config:cache
php artisan route:cache
php artisan cache:clear
php please stache:refresh

La seule chose que nous ne faisons pas lors du déploiement est de vider tout le cache statique car nous avons tellement de fichiers que l’effacer ne serait souvent pas idéal. Uniquement lorsque des corrections ou des améliorations de conception sont apportées.

Mise en cache

Pour rendre le site ultra rapide, nous utilisons le système de mise en cache statique de Statamic avec des personnalisations uniques que l’équipe Statamic m’a aidées et un mélange de Cloudflare, Imigx et Turbolinks.

La façon dont le cache statique est configuré est que lorsque quelqu’un charge une page, il l’enregistre en tant que fichier HTML statique et Nginx essaie toujours de charger le fichier statique en premier. S’il n’est pas trouvé, il recourra à l’obtenir à partir de PHP.

Même avec la mise en cache statique, nous avons une tonne de pages. Plus de 2500 articles, une douzaine de catégories, de nombreuses balises, la pagination de tout cela, etc. Pour cette raison, le cache devient assez volumineux et ce n’est pas idéal si nous continuons à le vider. Au lieu de cela, nous ne le supprimons que lorsque cela est nécessaire.

Par exemple, lorsqu’un nouvel article est publié, le cache de la page d’accueil et des pages de catégorie est effacé. Nous laisserons le reste tranquille. Bien sûr, cela signifie que certaines choses qui devraient être dynamiques ne changeront jamais, mais nous les corrigerons en utilisant JavaScript pour les charger dynamiquement.

Logiciel utilisé

Voici une liste de tous les logiciels et packages que nous utilisons pour le site:

Emballer

Nous espérons que vous apprécierez le nouveau design autant que nous, et nous continuerons à apporter des améliorations et à résoudre les problèmes au fur et à mesure qu’ils surviennent. Avec tous les lancements de produits majeurs, il est difficile de tout rendre parfait et de remarquer que quelque chose ne va pas. Faites le nous savoir.



Source link

Recent Posts