ホームページ >ウェブフロントエンド >jsチュートリアル >トップペン - ソース Next.js ボイラープレート/スターター

トップペン - ソース Next.js ボイラープレート/スターター

Susan Sarandon
Susan Sarandonオリジナル
2024-12-05 08:25:12987ブラウズ

Next.js は、サーバーサイドのレンダリングや静的 Web サイトの生成などの React ベースの Web アプリケーション機能をサポートする、Node.js 上に構築されたオープンソース Web 開発フレームワークです。

Next.js ですが。 npx create-next-app@latest コマンドを使用して Next.js プロジェクトを迅速に作成できるように正式に許可されていますが、成熟した Web プロジェクトにはユーザー認証、データベース、支払い、その他の機能が含まれることがよくあります。 Next.js の初心者にとって、これらの機能をゼロから開発するのは困難な場合があります。この課題に対処し、開発プロセスをスピードアップするために使用できる、優れたオープンソース Next.js スターター プロジェクトがいくつかあります。

次に、Next.js Starter Directory Web サイトが推奨する 8 つの Next.js ボイラープレートを紹介します。

1.tailwind-nextjs-starter-ブログ

これは Next.js、Tailwind CSS ブログ スターター テンプレートです。テクニカル ライティングを簡単に行えるように、最新のテクノロジが組み込まれた状態ですぐに使用できます。

MIT / 8.9K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • UI ライブラリ: @headlessui/react
  • CSS スタイル: Tailwind CSS
  • CMS: contentlayer2

2. バーセルプラットフォーム

マルチテナンシーとカスタム ドメインをサポートするフルスタック Next.js アプリ。 Next.js App Router と Vercel Domains API を使用して構築されています。

MIT / 5.7K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • ORM: 霧雨
  • 認証: NextAuth.js
  • 編集者: 小説
  • チャート: 振戦

3.ネクストフォージ

Next.js アプリ用の実稼働グレードの Turborepo テンプレート。

MIT / 4.1K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • UI ライブラリ: Radix UI
  • ORM: プリズマ
  • DB:ネオン
  • 支払い: Stripe

4. 断片

AI によって完全に生成されるアプリを構築するためのオープンソース Next.js テンプレート。

Apache-2.0 / 3.5K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • UI ライブラリ: Radix UI
  • DB: スーパーベース

5.next-shadcn-ダッシュボード-スターター

Nextjs14 と shadcn ui を使用した管理ダッシュボード スターター。

MIT / 2.9K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • コンポーネント: Shadcn-ui
  • 認証: Auth.js
  • 状態管理: Zustand

6. langchain-ai/langchain-nextjs-template

LangChain Next.js スターター テンプレート。

MIT / 1.5K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • DB: サブベース
  • AI: Langchainjs

7. nextjs-スターターキット

Ulimate Nextjs スターター キット。夢の次の SAAS 製品を構築しましょう。電池が付属しています。

MIT / 1.2K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • DB: サブベース
  • ORM: プリズマ
  • 認証者: 事務員
  • 支払い: Stripe

8.チャドネクスト

ChadNext - Next プロジェクトのクイック スターター テンプレートには、Next.js 15 アプリ ルーター、Shadcn UI、LuciaAuth、Prisma、サーバー アクション、ストライプ、国際化などが含まれています。

MIT / 1K スター

Top pen-Source Next.js Boilerplates/Starter

技術スタック

  • フレームワーク: Next.js
  • CSS スタイル: Tailwind CSS
  • コンポーネント: Shadcn-ui
  • ORM: プリズマ
  • 認証:LuciaAuth
  • 支払い: Stripe

上記の 8 つのオープン ソース next.js 定型文に加えて、Next.js スターター ディレクトリには他の定型文も紹介されています。Next.js スターター ディレクトリにアクセスして、さらに定型文を見つけることができます。他に優れた next.js 定型文がある場合は、お気軽にメッセージを残してください。

以上がトップペン - ソース Next.js ボイラープレート/スターターの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。