styled components website

styled-components.com

styled-components Webサイト。 next.js、preact、および（もちろん）スタイルのコンポーネントで構築されています！

貢献

ウェブサイトに貢献したいと思ってくれてありがとう！私たちは本当にそれを最高にするために手を使って、何をすべきかについてのいくつかのアイデアの問題を見ることができます。

このレポで使用されているテクノロジーを使用したことがない場合は、次のようなリンクをいくつか紹介します。

• next.jsを学びます
• next.jsドキュメント
• スタイルのコンポーネントドキュメント（このWebサイト！）

ローカルで実行されます

ウェブサイトをローカルに開発するには、開発サーバーを実行する必要があります。

 # 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

注：これには、node.jsとYARNをローカルにセットアップする必要があります。詳細については、nodejs.orgを参照してください。

視覚違いを更新します

新しいセクションを追加したり、Webサイトを大幅に変更したりすると、おそらく画像比較DIFFスナップショットが失敗するようにトリガーされます。これらは以下を介して更新できます。

yarn test -u

フォルダー構造

これは、各フォルダーが次のと相関させるものです。

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