styled components website

styled-components.com

O site styled-components . Construído com o Next.js, PrEAct e (é claro) componentes de estilo!

Contribuindo

Muito obrigado por querer contribuir com o site! Poderíamos realmente usar o melhor possível, ver os problemas de algumas idéias sobre o que fazer.

Se você nunca trabalhou com as tecnologias usadas neste repositório, aqui estão alguns links que podem ajudar:

• Aprenda a seguir
• Documentação next.js
• Documentação de componentes com estilo (este mesmo site!)

Executando localmente

Para desenvolver o site localmente, você deseja executar o servidor de desenvolvimento:

 # 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

Nota: Isso requer que o Node.js e o fio sejam configurados localmente, consulte Nodejs.org para obter mais informações.

Atualizando as diferenças visuais

Se você adicionar uma nova seção ou alterar materialmente o site, ele provavelmente acionará o instantâneo Diff Comparação de imagem para falhar. Estes podem ser atualizados via:

yarn test -u

Estrutura de pastas

É isso que cada pasta se correlaciona para:

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