パーソナルウェブサイトテンプレート

Spotlight

お気持ちはよくわかります。ブログ記事を書きたいのに、自分のサイトを再構築するまで書けないんですよね。ご心配なく。執筆に戻りましょう。

React
Next.js

開発者向けに構築

内容

Spotlight は、Tailwind CSS チームが設計・構築した、Tailwind CSS と Next.js で構築された美しいパーソナルウェブサイトテンプレートです。本番環境に対応しており、カスタマイズも簡単なので、ご自身のパーソナルウェブサイトの出発点として最適です。

デザインと同様にコードにも気を配っているので、専門家が Tailwind CSS と React でウェブサイトを構築する方法を学びたい場合にも、非常に貴重なリソースとなります。

専門家による構築 — コードはすべて Tailwind CSS のベストプラクティスに従って記述されているので安心できます。なぜなら、フレームワークを作成および保守している同じチームによって記述されているからです。

カスタマイズが簡単 — すべてがユーティリティクラスでスタイル設定されており、マークアップに直接記述されています。設定変数や複雑な CSS に苦労する必要はありません。エディターでマークアップを開いて、好きなように変更するだけです。

Next.js で構築 — このテンプレートは、構造化されており、コンポーネント化が考え抜かれた Next.js プロジェクトであり、生産的で楽しく作業できるコードベースを提供します。

キーボード操作に対応 — 当社が構築するものはすべてキーボード操作に対応しており、最高のスクリーンリーダー体験を提供するためにマークアップを注意深く作成しています。

TypeScript または JavaScript — 最新バージョンの TypeScript で作成されており、型を適切に取得することに過度の満足感を得るオタクによって作成されています。TypeScript が好みでない場合のために、プレーンな JavaScript バージョンも含まれています。

本番環境に対応 — 最新バージョンのすべてのブラウザで厳密にテストされており、見落としがちな多くのエッジケースに対処しています。

デプロイが簡単 — 本番環境に対応しており、Vercel や Netlify など、Next.js アプリケーションをデプロイできる場所ならどこにでも簡単にデプロイできます。

スクリーンショット

This is a detail imageThis is a detail imageThis is a detail imageThis is a detail image

技術

当社のテンプレートは、最新かつ最高のツールを使用して、メンテナンスが容易で、実際に作業が楽しくなるように、周到に作成されています。

  • Next.js v14
  • Tailwind CSS v4.0
  • Headless UI v2.1
  • React v18
  • MDX v2.1
  • TypeScript v5.3

価格

1つだけ入手するか、すべて入手するか。

すべてのテンプレートには無料アップデートが含まれており、個人用および商用プロジェクトの両方で無制限に使用できます。

React
Next.js

Spotlightパーソナルウェブサイトテンプレート

$99

1回払い

別途消費税

テンプレートを入手

公開したくなるような、素敵なパーソナルウェブサイト。


  • 無制限のプロジェクト 一度購入すれば、個人用、商用を問わず、必要なだけ多くのプロジェクトにこのテンプレートを使用できます。

  • 無料アップデート このテンプレートに加えるアップデートは、すべて最初の購入に含まれています。

  • シンプルな .zip ファイル テンプレートは、解凍してすぐに使い始められるシンプルなアーカイブとして提供されます。

Tailwind Plus で全てを入手Tailwind Plus

$299

1回払い

別途消費税

Tailwind Plus を入手

マーケティング、アプリケーション UI、および e コマースコンポーネント、すべてのサイトテンプレート、および Catalyst UI Kit への生涯アクセスを、1 回限りの購入で入手できます。


Tailwind Plus の機能

  • 500 以上の UI ブロックス 美しいマーケティングサイト、アプリケーション UI、e コマースストアなどを構築するために必要なものがすべて揃っています。

  • すべてのサイトテンプレート React や Next.js などの最新技術で構築された、美しくデザインされ、専門的に作成されたウェブサイトテンプレート。

  • Catalyst UI キット React と Tailwind CSS で独自のコンポーネントシステムを構築するためのスターターキット。

  • プライベートコミュニティ 他のデザイナーや開発者と交流できる、メンバー限定の Discord コミュニティに参加しましょう。

チームで利用可能 — チーム全体で、すべてのテンプレートとコンポーネント、および今後のアップデートにアクセスできます。

お客様の声

Tailwind Plus のおかげで、デザインに非常に誇りを持ちながら、Reflect の最初のバージョンを完全に一人でリリースすることができました。

Alex MacCaw

創業者 Reflect & Clearbit

またしても Tailwind と Tailwind Plus は、私のフロントエンド作業を劇的にスピードアップさせています。現時点では、Tailwind Plus は私が今まで購入した中で最も ROI の高いデジタルアセットです。

Ben Barbersmith

CTO 兼共同創業者 Levellr

よくある質問

知っておくべきことすべて。

一般

「生涯アクセス」とは正確にはどういう意味ですか?

Tailwind Plus 製品は 1 回限りの購入であり、定期的なサブスクリプションはありません。Tailwind Plus 製品を購入すると、その製品のすべてのコンテンツに永久にアクセスできます。

「無料アップデート」には何が含まれていますか?

Tailwind Plus 製品を購入すると、その製品に対する改善は常に、その製品を所有するすべての人に無料で提供されます。

個別のテンプレート: 個別のテンプレートを購入すると、そのテンプレートに対する改善は、最初の購入の一部として利用できるようになります。

したがって、バグを修正したり、テンプレートをアップグレードして最新バージョンの Tailwind CSS または Next.js を使用したりする場合、テンプレートの更新バージョンを無料でダウンロードできます。

当社がリリースする新しいテンプレートはすべて個別の製品と見なされ、別途購入できます。

Tailwind Plus: Tailwind Plus ライセンスを購入すると、今日利用可能なすべてのサイトテンプレートおよびすべてのコンポーネントパッケージ、さらに今後リリースする新しいテンプレートまたはコンポーネントパッケージに、追加費用なしでアクセスできます。

これは、ソーシャルメディアのウェブサイトテンプレートや「ジャーナリズム」のような新しいコンポーネントパッケージを新たに追加した場合でも、これらの製品へのアクセスは最初の購入に含まれており、アップグレード費用はかからないことを意味します。

互換性

Figma、Sketch、または Adobe XD ファイルは含まれていますか?

いいえ、Figma、Sketch、Adobe XD などのツール用のデザインアセットは含まれていません。

当社は、自社の設計および開発プロセスの一部として高品質のデザイン成果物を製作していません。したがって、これらの追加リソースを構築するということは、価値を最も提供できると信じているコードで新しいコンポーネントとテンプレートを作成するためにより多くの時間を費やすことができないことを意味します。

どの JS フレームワークが使用されていますか?

当社のウェブサイトテンプレートは Next.js を使用して構築されているため、すべてのマークアップは React を使用して記述されています。

どのバージョンの Tailwind CSS が使用されていますか?

Tailwind Plus のすべては、最新バージョンの Tailwind CSS 用に設計および開発されています。現在、Tailwind CSS v4.0.

どのブラウザがサポートされていますか?

Tailwind Plus のコンポーネントとテンプレートは、Chrome、Firefox、Safari、Edge を含む、すべての主要ブラウザの最新の安定版で動作するように設計されています。

Internet Explorer 11 はサポートしていません。

ライセンス

作業するプロジェクトごとにライセンスを購入する必要がありますか?

他のほとんどのテンプレート/テーマとは異なり、新しいプロジェクトで使用するたびに新しい Tailwind Plus ライセンスを購入する必要はありません。

構築しているものがライセンスで許可されている限り、追加のライセンスを購入することなく、必要なだけ多くのサイトを構築できます。

詳細および例については、 ライセンスをお読みください.

Tailwind Plus をクライアントプロジェクトに使用できますか?

はい!構築しているものが単一のクライアント向けに開発されたカスタムウェブサイトである限り、Tailwind Plus のコンポーネントとテンプレートをウェブサイトの構築に利用できます。

唯一できないことは、Tailwind Plus を使用して、複数のクライアントに再販されるウェブサイトまたはテンプレートを構築することです。

詳細および例については、 ライセンスをお読みください.

Tailwind Plus を自分の商用プロジェクトに使用できますか?

もちろんです!ライセンスにより、単純な公開ウェブサイトであろうと、エンドユーザーがアクセスするためにお金を払う必要がある SaaS アプリケーションであろうと、好きなだけ多くの独自のプロジェクトを構築する許可が与えられます。

構築しているものが、顧客が Tailwind Plus 由来の要素を使用して独自のサイトを作成できるウェブサイトビルダーやその他のツールでない限り、問題ありません。

詳細および例については、 ライセンスをお読みください.

Tailwind Plus をオープンソースプロジェクトで使用できますか?

はい!構築しているものが、派生コンポーネントライブラリ、テーマビルダー、または主な目的がコンポーネントを再パッケージ化して再配布することであるその他の製品ではなく、何らかの実際のウェブサイトである限り、そのプロジェクトをオープンソースにすることはまったく問題ありません。

何が許可されていて、何が許可されていないかの詳細と例については、 ライセンスをお読みください.

Tailwind Plus で構築したテンプレート/テーマを販売できますか?

いいえ、Tailwind Plus を使用して、テーマ、UI キット、ページビルダー、またはコンポーネントやテンプレートを再パッケージ化して再配布し、他の人が独自のサイトを構築するために使用するような派生製品を作成することはできません。

何が許可されていて、何が許可されていないかの詳細と例については、 ライセンスをお読みください.

サポート

テクニカルサポートは提供していますか?

Tailwind Plus はセルフサービス製品です。つまり、アカウント管理やライセンス関連の懸念事項などのカスタマーサポートは提供していますが、お客様が製品を正常に使用するために必要な Tailwind CSS、HTML、React、Vue の知識を持っていることが前提となります。

すべてのプロジェクトが異なり、独立して作成されたコードが相互作用する方法は複雑で理解に時間がかかる可能性があるため、 テクニカルサポートまたはコンサルティングは提供していません.

Tailwind Plus のお客様は、プライベート Discord コミュニティにアクセスできます。ここでは質問をしたり、他の人の質問に答えたりすることができますが、当社自身が第一当事者のテクニカルサポートやコンサルティングを提供することはありません。

返金ポリシーは何ですか?

何らかの理由で購入にご満足いただけない場合は、30 日以内に次のアドレスまでメールでお問い合わせください。 support@tailwindcss.com までメールでお問い合わせください。30 日以内であれば全額返金いたします。質問は一切ありません。