next-core

Bibliothèque de composants React réutilisables pour mes projets, organisée selon le pattern Atomic Design.

Installation

npm install @sny1411/next-core

Structure

Cette bibliothèque suit le pattern Atomic Design :

• Atoms : Composants de base (Button, Input, etc.)
• Molecules : Combinaisons d'atomes
• Organisms : Composants complexes
• Templates : Structures de page
• Pages : Instances de templates

Usage

import { Button, ButtonVariant, ButtonSize, ButtonColor } from '@sny1411/next-core';

function App() {
  return (
    <Button
      variant={ButtonVariant.Primary}
      size={ButtonSize.Medium}
      color={ButtonColor.Blue}
    >
      Cliquez-moi
    </Button>
  );
}

Documentation

La documentation complète des composants est disponible via Storybook.

Pour consulter la documentation et explorer tous les composants avec leurs variantes :

npm run storybook

Storybook sera accessible sur http://localhost:6006 et vous permettra de :

• Voir tous les composants disponibles
• Tester les différentes props interactivement
• Consulter la documentation générée automatiquement
• Visualiser tous les cas d'usage

Développement

# Installer les dépendances
npm install

# Compiler en mode watch
npm run dev

# Build de la bibliothèque
npm run build

# Lancer Storybook (documentation)
npm run storybook

# Build Storybook (pour déploiement)
npm run build-storybook

License

MIT © Mattéo Humez