taxonomy

分類

新しいルーター、サーバーコンポーネント、およびNext.js 13のすべてを使用して構築されたオープンソースアプリケーション。

警告このアプリは進行中の作業です。私は公の場でこれを構築しています。 Twitter @shadcnで進行状況に従うことができます。以下のロードマップを参照してください。

このプロジェクトについて

このプロジェクトは、最新のアプリ（認証、サブスクリプション、APIルート、ドキュメントの静的ページなど）がnext.js 13およびサーバーコンポーネントでどのように機能するかを確認するための実験として。

これはスターターテンプレートではありません。

数人が私にこれをスターターに変えるように頼んだ。新機能がベータ版から外れたら、それができると思います。

パフォーマンスに関するメモ

警告このアプリは、next.js 13およびReact 18の不安定なリリースを使用しています。新しいルーターとアプリdirはまだベータ版であり、生産対応ではありません。ダッシュボードをテストするときは、いくつかのパフォーマンスヒットを期待してください。何かが壊れているのを見たら、@shadcnをpingにすることができます。

特徴

• 新しい/app dir、
• ルーティング、レイアウト、ネストされたレイアウト、レイアウトグループ
• データフェッチ、キャッシュ、突然変異
• UIの読み込み
• ルートハンドラー
• メタデータファイル
• サーバーおよびクライアントコンポーネント
• APIルートとミドルウェア
• nextauth.jsを使用した認証
• Prismaを使用したORM
• PlanetScaleのデータベース
• RADIX UIを使用して構築されたUIコンポーネント
• MDXとContentLayerを使用したドキュメントとブログ
• ストライプを使用したサブスクリプション
• Tailwind CSSを使用してスタイルを整えました
• ZODを使用した検証
• TypeScriptで書かれています

ロードマップ

• 基本ページのMDXサポートを追加します
• マーケティングページを作成します
• ストライプを使用したサブスクリプション
• レスポンシブスタイル
• @Vercel/OGを使用してブログにOG画像を追加します
• ダークモード

既知の問題

現在機能していないもののリスト：

1. github認証（電子メールを使用）
2. Prisma：エラー：enoent：そのようなファイルまたはディレクトリはありません。
3. next.js 13：クライアントサイドナビゲーションはヘッドを更新しません
4. キャッチオールルート内でopengraph-image.tsxを使用できません

なぜTRPC、Turborepo、またはXをしないのですか？

後でこれを追加するかもしれません。とりあえず、next.jsのみをどれだけ使用できるかを見たいです。

いくつかの提案がある場合は、お気軽に問題を作成してください。

ローカルで実行されます

1. PNPMを使用して依存関係をインストールします。

pnpm install

2. .env.exampleを.env.localにコピーして変数を更新します。

cp .env.example .env.local

3. 開発サーバーを開始します。

pnpm dev

ライセンス

MITライセンスに基づいてライセンスされています。