next start

次のスタート

基本的なNext.jsスターター。

• 次のスタート
  • スタック
  • 枝
  • 設定
  • リソース

スタック

• 糸くず /コードスタイル
  • eslint
    • Eslint-config-prettier
      • eslint | next.js
    • eslint-plugin-check-file
      • 防弾反応ガイド
    • eslint-plugin-n
  • きれい
    • @Trivago/Prettier-Plugin-Sort-Imports
    • きれいなプラギン・テールウィンドクス
      • 自動クラスソート
• 環境変数
  • dotenv
  • dotenv-Expand
  • @t3-oss/env-nextjs
    • ドキュメント
  • クロスエンフ
• スタイル / UI
  • Tailwindcss
  • @nextui-org/react
    • NextUi
  • 次のテーマ
  • @table/icons-react
    • タブラーアイコン検索
• 検証
  • ゾッド
  • @conform-to/zod
    • 適合| next.js
  • Drizzle-Zod
    • Drizzle Zodドキュメント
• フォーム
  • @conform-to/react
• データベース
  • 霧雨オーム
  • ポストグレス
  • Drizzle-Kit
• 認証
  • Next-Auth
  • @auth/drizzle-adapter
    • auth.js Drizzleアダプタードキュメント

枝

メインブランチには、セットアップ全体が含まれています。次のブランチは、上から下まで互いに構築されています。

• ベース
  • ESLINT /よりきれいな設定
• NextUi
  • レイアウト /スタイル
  • ダーク /ライトテーマのトグル
• TypeSafe-env
  • タイプフェー環境変数
• Next-Auth
  • データベースのないGoogle OAuth
• 霧雨 /メイン
  • ユーザー /アカウント /セッションを備えた基本的な霧雨スキーマ

設定

1. 依存関係をインストールします：

pnpm install

2. .envファイルをコピーします。

cp .env.example .env

3. .envファイルで次の値を更新します。

NEXTAUTH_SECRET=your-value-here
GOOGLE_CLIENT_ID=your-value-here
GOOGLE_CLIENT_SECRET=your-value-here

4. データベースを開始します：

docker compose up

5. データベースを移行します：

pnpm run db:migrate

6. アプリを開始します：

pnpm run dev

リソース

• next.js Discord FAQ
  • 展開時に「モジュールが見つかりません」エラーは局所的に正常に動作します
• 防弾反応