styled components website

styled-components.com

El sitio web styled-components . ¡Construido con Next.js, Preact y (por supuesto) componentes de estilo!

Que contribuye

¡Muchas gracias por querer contribuir al sitio web! Realmente podríamos usar una mano para hacerlo lo mejor que puede ser, ver los problemas de algunas ideas sobre qué hacer.

Si nunca ha trabajado con las tecnologías utilizadas en este repositorio, aquí hay algunos enlaces que pueden ayudar:

• Aprende Next.js
• Next.js documentación
• Documentación de componentes de estilo (¡este mismo sitio web!)

Ejecutando localmente

Para desarrollar el sitio web localmente, querrá ejecutar el servidor de desarrollo:

 # 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: Esto requiere Node.js y el hilo para configurar localmente, consulte NodeJs.org para obtener más información.

Actualización de las diferencias visuales

Si agrega una nueva sección o cambia materialmente el sitio web, probablemente activará la instantánea de la diferencia de comparación de imágenes para fallar. Estos se pueden actualizar a través de:

yarn test -u

Estructura de carpetas

Esto es a lo que cada carpeta se correlaciona:

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