styled components website

styled-components.com

Le site Web styled-components . Construit avec Next.js, préact et (bien sûr) des composants stylisés!

Contributif

Merci beaucoup de vouloir contribuer au site Web! Nous pourrions vraiment utiliser une main pour en faire le meilleur possible, voir les problèmes pour quelques idées sur ce qu'il faut faire.

Si vous n'avez jamais travaillé avec les technologies utilisées dans ce dépôt, voici quelques liens qui peuvent aider:

• Apprenez Next.js
• Documentation suivante.js
• Documentation des composants stylisés (ce site Web même!)

Courir localement

Pour développer le site Web localement, vous voudrez exécuter le serveur de développement:

 # Download the repo
git clone https://github.com/styled-components/styled-components-website
# Enter the repo
cd styled-components-website
# Install the dependencies
yarn install
# Start local development
yarn dev

Remarque: Cela nécessite que Node.js et le fil soient configurés localement, voir Nodejs.org pour plus d'informations.

Mise à jour des différences visuelles

Si vous ajoutez une nouvelle section ou modifiez matériellement le site Web, il déclenchera probablement l'instantané de comparaison d'image pour échouer. Ceux-ci peuvent être mis à jour via:

yarn test -u

Structure de dossier

C'est ce que chaque dossier est en corrélation:

styled-components-website
├── components/  # Shared components
├── pages/       # The actual pages, mostly containing layout; the directory directly correlates to the URL. (e.g. pages/docs/basics.js === styled-components.com/docs/basics)
├── sections/    # The content, written in Markdown
├── public/      # Assets
├── test/        # Tests
├── utils/       # Various utilities use across the site
└── vendor/      # Cached dependencies