Tailwind UI: 사이트 템플릿과 올액세스
- Date
Adam Wathan
프로그래밍 커리어 초기에 나는 thoughtbot을 팔로우하는 것을 좋아했습니다. 그들은 항상 흥미로운 프로그래밍 글을 쓰고, 훌륭한 스크린캐스트를 제작하며, 놀라운 책을 출판했습니다. 그들이 자신들의 기술을 진심으로 아끼고 있다는 것을 느낄 수 있었고, 그것은 나에게 큰 영감을 주었습니다.
하지만 그들이 Upcase를 출시했을 때, 내가 가장 기대했던 것은 강의나 주간 비디오가 아니었습니다. 내가 가장 기대했던 것은 Upcase의 소스 코드였습니다. 구독 시 제공되는 실제 프로덕션 환경의 Rails 코드베이스였죠.
나는 블로그 글, 책, 스크린캐스트를 통해 많은 것을 배웠지만, 여전히 신뢰할 수 있는 사람들이 만든 실제 코드베이스를 파헤쳐보고, 그들이 어떻게 모든 지식을 종합하여 프로덕션 준비가 된 애플리케이션을 구축했는지 연구할 기회를 간절히 원했습니다.
그 경험은 나에게 변혁적이었고, 그래서 오랫동안 나는 사람들에게 Tailwind CSS로 실제 웹사이트가 어떻게 구축되는지 배울 수 있는 비슷한 것을 제공하고 싶었습니다.
레이아웃이 어떻게 컴포넌트로 분해되는지, 그 컴포넌트들이 어떤 API를 노출하는지, 설정이 어떻게 커스터마이징되었는지 — 브라우저에서 _소스 보기_를 클릭할 때는 볼 수 없는 모든 흥미로운 결정들입니다.
그래서 오늘 우리는 Tailwind CSS와 Next.js로 구동되는 공식 Tailwind CSS 웹사이트 템플릿의 첫 번째 배치를 출시합니다. 아름다운 디자인이 프로덕션 수준의 코드베이스로 구현되었습니다.
우리는 3월부터 이 템플릿들을 디자인하기 시작했고, 이 첫 번째 다섯 개를 출시하게 되어 매우 기쁩니다. 여러분이 확인하고 사용해 볼 수 있기를 바랍니다:
- Syntax — Stripe의 새로운 Markdoc 라이브러리로 구동되는 문서 사이트 템플릿으로, 오픈소스 프로젝트나 제품 문서에 적합합니다.
- Primer — 전자책과 코스용 랜딩 페이지 템플릿으로, 우리가 정보 제품을 출시하며 배운 최고의 실천법이 많이 반영되었습니다.
- Salient — 간단하지만 멋진 SaaS 마케팅 웹사이트로, 실제 제품에 시간을 쓰고 싶은 시간을 낭비하지 않고도 다음 아이디어에 빠르게 적용할 수 있습니다.
- Keynote — 아름다운 컨퍼런스 웹사이트 디자인으로, 작은 지역 모임부터 국제 행사까지 모두 잘 어울립니다.
- Transmit — 커스텀 지속 오디오 플레이어가 포함된 훌륭한 팟캐스팅 템플릿으로, 여러분의 RSS 피드에 빠르게 연결할 수 있습니다.
우리는 디자인과 코드 모두에 많은 시간과 주의를 기울였으며, 모든 것이 실제 프로덕션 프로젝트에서 하는 방식 그대로 구조화되었습니다. 이 템플릿들은 빈 캔버스에서 시작하고 싶지 않을 때 완벽한 출발점이며, 전문가들이 Tailwind CSS로 현대적인 웹사이트를 어떻게 구축하는지 배울 수 있는 최고의 방법입니다.
각 템플릿은 $99에 개별적으로 구매할 수 있으며, 또는 올액세스로 모두를 얻을 수 있습니다. 오늘 출시하는 우리가 추가하는 모든 것을 영원히 얻을 수 있는 새로운 패키지입니다.
모든 콘텐츠에 대한 완전한 접근
템플릿 작업을 시작할 때, 제가 확실히 원했던 것 중 하나는 모든 템플릿에 쉽게 접근할 수 있도록 하는 것이었습니다.
이것이 중요했던 이유는 두 가지입니다:
-
템플릿을 전통적인 웹사이트 테마보다는 교육용 리소스로 생각하길 바랍니다. 우리가 만드는 모든 템플릿은 각각 고유한 학습 포인트를 가지고 있습니다. 사람들이 배울 수 있는 것들을 선택적으로 접근하지 않아도 되길 원합니다.
-
템플릿별로 ROI(투자 대비 수익)를 걱정하고 싶지 않습니다. 각 템플릿이 대중적인 매력을 가져야 한다는 부담은 템플릿을 디자인하고 만드는 재미를 빼앗을 것입니다. 우리가 만든 템플릿이 스스로 충분한 판매량을 올려야만 작업을 정당화할 수 있는 것이 아니라, 독특하고 흥미로운 아이디어를 연구할 수 있는 틈새 콘텐츠를 자유롭게 만들 수 있기를 바랍니다.
어릴 적 프랑스에서 열린 음악 페스티벌에 갔던 적이 있습니다. 거의 100개의 밴드가 공연했는데, 그중 몇 밴드는 정말 사랑해서 모든 곡을 알고 있었고, 언제든 티켓을 사러 갈 정도로 좋아했습니다.
하지만 대부분의 밴드는 정말 좋아하긴 했지만, 90분 운전을 해가며 공연을 보러 가지는 않았을 것입니다. 하지만 모든 밴드가 한 자리에 모여 있으니 파리까지 비행기 티켓을 사게 되었고, 그곳에서 인생 최고의 경험 중 하나를 했습니다.
저는 Tailwind UI가 음악 페스티벌처럼 느껴지길 바랍니다. 여러분은 무대에서 무대로 돌아다니며, 들어본 적 없는 밴드의 노래를 한 두 곡 즐기고, 가끔은 평소에는 관심을 두지 않았을 공연에 감동받을 수 있습니다.
그래서 우리는 Tailwind UI의 새로운 올 액세스 패키지를 출시합니다. 이 패키지는 현재 존재하는 모든 템플릿과 컴포넌트 패키지, 그리고 앞으로 추가될 새로운 콘텐츠에 대한 접근권을 포함합니다.
이 패키지는 $299의 일회성 구매입니다. 구독이나 업그레이드 비용 없이, Tailwind UI에 새로운 것이 추가되면 영원히 여러분의 것이 됩니다.
이미 Tailwind UI의 모든 콘텐츠를 소유하고 있다면, 여러분은 무료로 올 액세스로 업그레이드되었습니다.
지난 몇 달 동안 우리가 작업해온 모든 것을 공유했습니다!
우리는 이미 작업 중인 여러 새로운 템플릿이 있으며, 이러한 템플릿에서 나온 컴포넌트 아이디어를 마케팅, 애플리케이션 UI, 이커머스 컴포넌트 카테고리에 포함할 새로운 예제로 추출하는 작업을 활발히 진행 중입니다.
이것이 바로 사이트 템플릿 작업을 하며 가장 좋아하는 부분 중 하나입니다. Tailwind로 실제 사례를 만드는 것은 새로운 컴포넌트 아이디어를 떠올리고, Tailwind CSS와 Headless UI를 개선할 방법을 찾는 데 가장 좋은 방법입니다.
앞으로 몇 달 동안 Tailwind UI의 새로운 소식들을 기대해주세요!