Swyx.io 2023년 리라이트
원문은 Shawn Wang님이 에 게재했습니다. 이 블로그 구독하기
작년에는 대대적인 리디자인과 함께 사이트를 SvelteKit으로 옮겼다. 올해는 가벼운 수준의 리라이트만 진행했다:


처음 방문했다면 https://github.com/sw-yx/swyxdotio/에서 사이트 전체 소스를 볼 수 있고, swyxkit 리드미에서 주요 설계 고려 사항도 확인할 수 있다.
리라이트에 대한 몇 가지 생각:
- "SwyxKit"이라는 나만의 "클린" 블로그 템플릿을 유지하는 방식으로 지속 가능하게 만들었다. 덕분에 2022년에 알파 버전을 도입했을 때부터 최근에야 1.0이 된 SvelteKit의 수많은 breaking change를 따라갈 수 있었다.
- 또 이를 분리된 예제로 활용해 YouTube 임베드 개선, Layout Breakouts 추가, 그리고 가장 마음에 드는 fuzzy+highlighted search 추가 같은 작업을 했다. 이런 개선 사항들이 이제 swyx.io에도 반영됐다.
- 목차 위젯과 GitHub Utterances 댓글 연동도 포함된다
- 하지만 마이그레이션은 예상보다 훨씬 더 손이 많이 갔고, 검토해야 할 자잘한 결정들이 엄청나게 많았다. (아마 몇 가지는 놓쳤을 것이다. 깨진 링크를 발견하면 알려주면 좋겠다!)
- 마이그레이션 PR은 https://github.com/sw-yx/swyxdotio/pull/464에서 볼 수 있다
- 2022년 버전의 마지막 상태는 https://github.com/sw-yx/swyxdotio2022/에 보존되어 있고, 프리뷰는 https://63d85fe7688d8600086b5974--scout-videos-51664.netlify.app/에서 확인할 수 있다
지금 사이트는 독자에게 내 콘텐츠를 전부 보여주려다 보니 조금 "애쓰는" 느낌이 들고, 오히려 부담을 주는 것 같다. https://nat.org/의 미니멀하면서도 밀도 높은 미학에 영향을 받아 앞으로 랜딩 페이지를 좀 더 그런 방향으로 다시 쓰고 싶다.
글을 무작위로 읽기
댓글
로그인하고 댓글 남기기