Enfin, Point Rouge v5 tant attendu est enfin là. Point Rouge v5 conserve le même look minimal et épuré, mais est livré avec des mises à jour importantes sous le capot.
Table des matières
Changements majeurs
Mise à niveau vers Astro v5 #455
Point Rouge est désormais livré avec Astro v5, apportant toutes les nouvelles fonctionnalités et améliorations qui l’accompagnent.
Tailwind CSS v4
Point Rouge a été mis à niveau vers Tailwind v4, qui inclut de nombreux changements de style sous le capot. Le tailwind.config.js Le fichier a été supprimé et toute la configuration se trouve désormais dans le src/styles/global.css fichier. Les styles liés à la typographie ont été extraits et déplacés vers src/styles/typography.css.
En raison du nouveau comportement de TailwindCSS v4, les styles à l’intérieur <style> les blocs dans les composants ont été supprimés et remplacés par des classes Tailwind en ligne.
De plus, la palette de couleurs de l’interface utilisateur a été mise à jour. La nouvelle palette ne comprend désormais que cinq couleurs :
:root,
html[data-theme="light"] {
--background: #fdfdfd;
--foreground: #282728;
--accent: #006cac;
--muted: #e6e6e6;
--border: #ece9e9;
}
html[data-theme="dark"] {
--background: #212737;
--foreground: #eaedf3;
--accent: #ff6b01;
--muted: #343f60bf;
--border: #ab4b08;
}Supprimez React + Fuse.js au profit de la recherche Pagefind
Dans les versions précédentes, React.js et Fuse.js étaient utilisés pour la fonctionnalité de recherche et la génération d’images OG. Dans Point Rouge v5, React.js a été supprimé et remplacé par Recherche de page, un outil de recherche de site statique.
L’expérience de recherche est presque identique aux versions précédentes, mais désormais tous les contenus, et pas seulement les titres et les descriptions, sont indexés et consultables, grâce à Pagefind.
L’idée d’utiliser Pagefind en mode développement a été inspirée par ce billet de blog.
Alias d’importation mis à jour
L’alias d’importation a été mis à jour à partir de @directory à @/directory, ce qui signifie que vous devez maintenant importer comme ceci :
---
import { slugifyStr } from "@/utils/slugify";
import TokensIcon from "@/assets/radix-icons/ui/tokens.svg";
---Déplacer vers pnpm
Point Rouge est passé de npm à pnpm, qui offre une gestion des packages plus rapide et plus efficace.
Remplacez les icônes/svg par le composant Svg d’Astro
Point Rouge v5 remplace les SVG en ligne par l’expérimental d’Astro Composant SVG. Cette mise à jour réduit le besoin de code SVG prédéfini dans le socialIcons objet, rendant la base de code plus propre et plus maintenable.
Séparer les constantes et la configuration
La structure du projet a été réorganisée. Le src/config.ts le fichier ne contient désormais que le SITE objet, qui contient la configuration principale du projet. Toutes les constantes, telles que LOCALE, SOCIALS, et SHARE_LINKS, ont été déplacés vers le src/constants.ts fichier.
Autres changements notables
- Le répertoire des articles du blog a été mis à jour à partir de
src/content/blog/àsrc/data/blog/. - Fichier de définitions de collection (
src/content/config.ts) est maintenant remplacé parsrc/content.config.ts. - Diverses dépendances ont été mises à niveau pour améliorer les performances et la sécurité.
- Supprimé
IBM Plex Monopolice et suis passé à la police mono du système par défaut. - Le
Go backla logique des boutons a été mise à jour. Désormais, au lieu de déclencher l’API d’historique du navigateur, Point Rouge v5 utilise la session du navigateur pour stocker temporairement l’URL de retour. Si aucune URL de retour n’existe dans la session, elle sera redirigée vers la page d’accueil. - Il y a également quelques changements mineurs de styles et de mise en page.
Sortie
Point Rouge v5 apporte de nombreux changements, mais l’expérience de base reste la même. Profitez d’une plate-forme de blogs plus fluide et plus efficace tout en conservant le design épuré et minimal pour lequel Point Rouge est connu !
N’hésitez pas à explorer les changements et à partager vos réflexions. Comme toujours, merci pour votre soutien !
Si vous appréciez ce thème, pensez à mettre en vedette le dépôt. Vous pouvez également me soutenir via les sponsors GitHub ou m’offrir un café si vous le souhaitez. Cependant, bien entendu, ces actions sont entièrement facultatives et non obligatoires.
Profitez-en !