# next-yak - Next.js용 러스트 기반 Zero-runtime CSS-in-JS

> Clean Markdown view of GeekNews topic #21019. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=21019](https://news.hada.io/topic?id=21019)
- GeekNews Markdown: [https://news.hada.io/topic/21019.md](https://news.hada.io/topic/21019.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2025-05-21T09:37:30+09:00
- Updated: 2025-05-21T09:37:30+09:00
- Original source: [github.com/DigitecGalaxus](https://github.com/DigitecGalaxus/next-yak)
- Points: 1
- Comments: 0

## Topic Body

- Next.js 프로젝트에서 사용할 수 있는 **Zero-runtime CSS-in-JS 오픈소스** 라이브러리  
- Rust 기반으로 개발되어 빌드 타임에 CSS를 추출하므로 **런타임 JS 오버헤드가 없으며** 빠른 성능을 자랑  
- **경량 런타임** 구조로, CSSOM이 아닌 클래스만 변경해 브라우저 리소스 사용을 최소화  
- 표준 CSS 문법 지원 및 styled-components와 유사한 문법을 활용해 스타일을 작성 가능하며, CSS가 빌드시 자동으로 추출되어 최적화된 정적 CSS로 변환됨  
- **React Server Component/Client Component 양쪽 모두에서 완전히 호환**되고, Next.js의 내장 CSS Modules 기능과도 연동  
- 타 CSS-in-JS 라이브러리 대비 **더 직관적이고 가벼운 API**, 높은 성능, postcss 기반 최적화  
- **Atomic CSS 프레임워크(Tailwind CSS 등)와 통합** 지원

## Comments



_No public comments on this page._