styled components website

styled-components.com

Веб-сайт styled-components . Построен с next.js, preact и (конечно) стилилизованные компоненты!

Внося

Большое спасибо за желание внести свой вклад на веб -сайт! Мы могли бы действительно использовать руку, чтобы сделать это как можно лучше, увидеть проблемы для некоторых идей о том, что делать.

Если вы никогда не работали с технологиями, используемыми в этом репо, вот несколько ссылок, которые могут помочь:

• Узнайте Next.js
• Next.js документация
• Документация по стиле-компонентам (этот самый веб-сайт!)

Бег на местном уровне

Чтобы разработать веб -сайт локально, вы захотите запустить сервер разработки:

 # 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 и пряжа были настраивались локально, см. Nodejs.org для получения дополнительной информации.

Обновление визуальных различий

Если вы добавите новый раздел или существенно измените веб -сайт, он, вероятно, запустит съемку сравнения изображений 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