HomePrivacyTermsDocsBlog
Connexion
ShipSaaS boilerplate

By Mike Codeur

© 2026 ShipSaaS boilerplate. Tous droits réservés.

Produit

  • Fonctionnalités
  • Tarifs
  • Démo
  • Nouveautés

Ressources

  • Documentation
  • Blog
  • Support
  • API

Légal & Contact

  • Mentions légales
  • Politique de confidentialité
  • Contact
  • Recrutement
Commencer

Prêt à commencer ?

Rejoignez des milliers d'utilisateurs qui créent des choses incroyables avec notre plateforme.

Commencer gratuitement

Pas de carte de crédit requise

Newsletter

Restez informé de nos derniers articles et actualités du développement web.

Pas de spam, désabonnement à tout moment

Retour aux articlesDesign

Découverte de Tailwind CSS v4

Tailwind CSS v4 apporte une révolution dans la façon de styler nos applications web.

#tailwindcss#css#frontend#design
ShipSaaS Team
10 janvier 20251 min
Design
…
Écrit par
ST
ShipSaaS Team
Auteur
Publié le 10 janvier 2025

Articles connexes

Introduction à Next.js 15Development

Introduction à Next.js 15

Next.js 15 apporte de nombreuses améliorations et nouvelles fonctionnalités pour le développement d'applications React modernes.

15 janv. 20251 min
Lire la suite
Bienvenue sur notre Blog avec MDXTutorial

Bienvenue sur notre Blog avec MDX

Découvrez comment MDX combine la simplicité du Markdown avec la puissance des composants React pour créer du contenu riche et interactif.

05 janv. 20255 min
Lire la suite
Tutorial
Tutorial

Proxy Component

Comprendre les Proxy Component en React pour créer du code réutilisable et maintenable.

01 janv. 20252 min
Lire la suite

Découverte de Tailwind CSS v4

Tailwind CSS v4 apporte une révolution dans la façon de styler nos applications web.

Les changements majeurs

Nouvelle engine CSS

css
/* Configuration v4 */
@import 'tailwindcss/theme' layer(theme);
@import 'tailwindcss/base' layer(base);
@import 'tailwindcss/components' layer(components);
@import 'tailwindcss/utilities' layer(utilities);

Configuration simplifiée

javascript
// tailwind.config.js v4
export default {
  content: ['./src/**/*.{html,js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: 'oklch(0.7 0.15 200)',
      },
    },
  },
}

Performance

Métriquev3v4
Build time2.5s0.8s
CSS size3.8MB1.2MB
Tree shakingOuiAmélioré

Nouvelles utilities

Container queries

html
<div class="@container">
  <div class="@sm:text-lg @md:text-xl">Responsive basé sur le conteneur !</div>
</div>

Couleurs modernes

html
<div class="bg-red-500/20 text-blue-600/80">Support natif de l'opacity</div>