프로그래밍 경력 초기에 저는 thoughtbot을 즐겨 팔로우했습니다. 그들은 항상 흥미로운 프로그래밍 글을 쓰고, 훌륭한 스크린캐스트를 제작하며, 놀라운 책을 출판했습니다. 그들이 자신들의 기술을 진심으로 아끼고 있다는 것을 느낄 수 있었고, 그것은 저에게 큰 영감을 주었습니다.
하지만 그들이 Upcase를 출시했을 때, 제가 가장 기대했던 것은 코스나 주간 비디오가 아니었습니다. 제가 가장 기대했던 것은 Upcase의 소스 코드였습니다. 구독 시 제공되는 실제 프로덕션 레일즈 코드베이스였죠.
저는 블로그 글, 책, 스크린캐스트를 통해 많은 것을 배웠지만, 여전히 신뢰할 수 있는 사람들이 만든 실제 코드베이스를 파헤치고, 그들이 어떻게 모든 지식을 결합해 프로덕션 준비가 된 애플리케이션을 구축했는지 연구할 기회를 갈망했습니다.
그 경험은 저에게 큰 변화를 가져왔고, 그래서 오랜 시간 동안 저는 사람들에게 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의 새로운 소식들을 기대해 주세요!