next.js + Tailwind CSS + TypeScriptスターターが有用な開発機能を備えています。
セオドルス・クラレンスによって作られました
このリポジトリは?バッテリーが詰め込まれています:
@/プレフィックスを使用したコンポーネントをインポートrelease-please機能の詳細とChangelogをご覧ください。もっと。
また、ブログ投稿のすべての詳細とデモを確認することもできます。
このリポジトリをテンプレートとして使用します
開示:このリポジトリをテンプレートとして使用することにより、リポジトリに帰属があります。
もしあなたがそうするなら、私は感謝しているので、このテンプレートは他の人にも知ることができますか?

create-next-appを使用します
pnpm create next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter ts-pnpmそれでもページディレクトリを使用したい場合(積極的に維持されていません)、このコマンドを使用できます
npx create-next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/tree/pages-directory project-name degitを使用します
npx degit theodorusclarence/ts-nextjs-tailwind-starter YOUR_APP_NAMEVercelに展開します
ハスキーフックが適切に機能できるように、 PNPMを使用することをお勧めします。
pnpm installこのコマンドを使用してサーバーを起動できます。
pnpm dev http:// localhost:3000を開き、ブラウザを使用して結果を確認します。 src/pages/index.tsxを変更して、ページの編集を開始できます。
タイトル、URL、ファビコンなどを含めて、変更する必要があるものがいくつかあります。
すべてのコメントを!starterconfで見つけてから、ガイドに従ってください。
Package.jsonのパッケージ名を変更することを忘れないでください
このスターターは従来のコミットを使用していますが、変更を犯すために使用することが必須です。
このスターターを使用していますか?プルリクエストを使用して、リストの最後にページ(およびレポ)を追加してください。 ?
このスターターには、拡張パックが装備されています。
React Hook Form +コンポーネント、ストーリーブックなど、単一のコマンドラインを使用するなど、拡張を簡単に追加できます。
コマンドの拡張パックリポジトリをご覧ください
アプリルーターの更新により、拡張パックは現在時代遅れです。将来更新されます。ファイルをコピーして貼り付けることで、それらを使用できます。