styled components website

styled-components.com

Die Website styled-components . Gebaut mit Next.js, Preact und (natürlich) Stilkomponenten!

Beitragen

Vielen Dank, dass Sie zur Website beitragen wollen! Wir könnten wirklich eine Hand verwenden, um es so gut wie möglich zu machen, und sehen Sie die Probleme für einige Ideen, was zu tun ist.

Wenn Sie noch nie mit den in diesem Repo verwendeten Technologien gearbeitet haben, finden Sie hier einige Links, die helfen können:

• Lerne Next.js
• NEXT.JS Dokumentation
• Styled-Komponenten-Dokumentation (genau diese Website!)

Vor Ort laufen

Um die Website lokal zu entwickeln, möchten Sie den Entwicklungsserver ausführen:

 # 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

Hinweis: Dies erfordert, dass Node.js und Garn lokal eingerichtet werden. Weitere Informationen finden Sie unter nodejs.org.

Aktualisieren der visuellen Diffs

Wenn Sie einen neuen Abschnitt hinzufügen oder die Website wesentlich ändern, wird der Bildvergleichs -Diff -Snapshot wahrscheinlich fehlgeschlagen. Diese können über: aktualisiert werden:

yarn test -u

Ordnerstruktur

Dies ist, was jeder Ordner korreliert:

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