[ { "path": ".changeset/README.md", "content": "# Changesets\n\nHello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works\nwith multi-package repos, or single-package repos to help you version and publish your code. You can\nfind the full documentation for it [in our repository](https://github.com/changesets/changesets)\n\nWe have a quick list of common questions to get you started engaging with this project in\n[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)\n" }, { "path": ".changeset/beige-clouds-behave.md", "content": "---\n\"create-t3-app\": patch\n---\n\nfix #1903 #2157 #2163\n" }, { "path": ".changeset/config.json", "content": "{\n \"$schema\": \"https://unpkg.com/@changesets/config@2.1.1/schema.json\",\n \"changelog\": [\n \"@changesets/changelog-github\",\n { \"repo\": \"t3-oss/create-t3-app\" }\n ],\n \"commit\": false,\n \"fixed\": [],\n \"linked\": [],\n \"access\": \"public\",\n \"baseBranch\": \"main\",\n \"updateInternalDependencies\": \"patch\",\n \"ignore\": [\"@ct3a/www\"],\n \"changedFilePatterns\": [\"src/**\", \"template/**\"]\n}\n" }, { "path": ".changeset/curly-zoos-add.md", "content": "---\n\"create-t3-app\": minor\n---\n\nFixes Biome formatter during the initial installation process\n" }, { "path": ".changeset/quick-snakes-give.md", "content": "---\n\"create-t3-app\": patch\n---\n\nfix(security): bump react and next ([BLOG](https://react.dev/blog/2025/12/03/critical-security-vulnerability-in-react-server-components#update-instructions))\n" }, { "path": ".changeset/tender-humans-hide.md", "content": "---\n\"create-t3-app\": patch\n---\n\nfix(security): bump react ([CVE-2025-55182](https://github.com/facebook/react/security/advisories/GHSA-fv66-9v8q-g76r))\n" }, { "path": ".codesandbox/tasks.json", "content": "{\n // These tasks will run in order when initializing your CodeSandbox project.\n \"setupTasks\": [\n {\n \"name\": \"Install Dependencies\",\n \"command\": \"pnpm install\"\n }\n ],\n\n // These tasks can be run from CodeSandbox. Running one will open a log in the app.\n \"tasks\": {\n \"typecheck\": {\n \"name\": \"typecheck\",\n \"command\": \"pnpm typecheck\",\n \"runAtStart\": false\n },\n \"build:cli\": {\n \"name\": \"build:cli\",\n \"command\": \"pnpm build:cli\",\n \"runAtStart\": false\n },\n \"build:www\": {\n \"name\": \"build:www\",\n \"command\": \"pnpm build:www\",\n \"runAtStart\": false\n },\n \"build\": {\n \"name\": \"build\",\n \"command\": \"pnpm build\",\n \"runAtStart\": false\n },\n \"start:cli\": {\n \"name\": \"start:cli\",\n \"command\": \"pnpm start:cli\",\n \"runAtStart\": false\n },\n \"start:www\": {\n \"name\": \"start:www\",\n \"command\": \"pnpm start:www\",\n \"runAtStart\": false\n },\n \"dev:cli\": {\n \"name\": \"dev:cli\",\n \"command\": \"pnpm dev:cli\",\n \"runAtStart\": false\n },\n \"dev:www\": {\n \"name\": \"dev:www\",\n \"command\": \"pnpm dev:www\",\n \"runAtStart\": true\n },\n \"clean\": {\n \"name\": \"clean\",\n \"command\": \"pnpm clean\",\n \"runAtStart\": false\n },\n \"lint\": {\n \"name\": \"lint\",\n \"command\": \"pnpm lint\",\n \"runAtStart\": false\n },\n \"format\": {\n \"name\": \"format\",\n \"command\": \"pnpm format\",\n \"runAtStart\": false\n },\n \"format:check\": {\n \"name\": \"format:check\",\n \"command\": \"pnpm format:check\",\n \"runAtStart\": false\n }\n }\n}\n" }, { "path": ".gitattributes", "content": "# mdx\n*.mdx linguist-detectable=false" }, { "path": ".github/CODEOWNERS", "content": "# https://help.github.com/en/github/creating-cloning-and-archiving-repositories/about-code-owners\n\n* @juliusmarminge @nexxeln @t3dotgg @c-ehrlich\n" }, { "path": ".github/ISSUE_TEMPLATE/bug_report.yml", "content": "name: 🐞 Bug Report\ndescription: Create a bug report to help us improve\ntitle: \"bug: \"\nlabels: [\"🐞❔ unconfirmed bug\"]\nbody:\n - type: textarea\n attributes:\n label: Provide environment information\n description: |\n Run this command in your project root and paste the results:\n ```bash\n npx envinfo --system --binaries\n ```\n If the issue is regarding a scaffolded app, please include the version used to scaffold that app which you can find in the `package.json` under `ct3aMetadata.initVersion`.\n validations:\n required: true\n - type: textarea\n attributes:\n label: Describe the bug\n description: A clear and concise description of the bug, as well as what you expected to happen when encountering it.\n validations:\n required: true\n - type: input\n attributes:\n label: Reproduction repo\n description: If applicable, please provide a link to a reproduction repo or a Stackblitz / CodeSandbox project. Your issue may be closed if this is not provided and we are unable to reproduce the issue. If your bug is a documentaion issue, link the appropriate page.\n validations:\n required: true\n - type: textarea\n attributes:\n label: To reproduce\n description: Describe how to reproduce your bug. Steps, code snippets, reproduction repos etc.\n validations:\n required: true\n - type: textarea\n attributes:\n label: Additional information\n description: Add any other information related to the bug here, screenshots if applicable.\n" }, { "path": ".github/ISSUE_TEMPLATE/config.yml", "content": "blank_issues_enabled: false\ncontact_links:\n - name: Ask a question\n url: https://t3.gg/discord\n about: Ask questions and discuss with other community members\n" }, { "path": ".github/ISSUE_TEMPLATE/feature_request.yml", "content": "name: 🧑‍💻 Feature Request\ndescription: Suggest an idea for this project\ntitle: \"feat: \"\nlabels: [\"🌟 enhancement\"]\nbody:\n - type: textarea\n attributes:\n label: Is your feature request related to a problem? Please describe.\n description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]\n validations:\n required: true\n - type: textarea\n attributes:\n label: Describe the solution you'd like to see\n description: A clear and concise description of what you want to happen.\n validations:\n required: true\n - type: textarea\n attributes:\n label: Describe alternate solutions\n description: A clear and concise description of any alternative solutions or features you've considered.\n validations:\n required: true\n - type: textarea\n attributes:\n label: Additional information\n description: Add any other information related to the feature here. If your feature request is related to any issues or discussions, link them here.\n" }, { "path": ".github/actions/setup/action.yml", "content": "name: \"Setup and install\"\ndescription: \"Common setup steps for Actions\"\n\nruns:\n using: composite\n steps:\n - uses: pnpm/action-setup@v3\n - uses: actions/setup-node@v4\n with:\n node-version: 20\n cache: \"pnpm\"\n\n - shell: bash\n run: pnpm install\n" }, { "path": ".github/changeset-version.js", "content": "// ORIGINALLY FROM CLOUDFLARE WRANGLER:\n// https://github.com/cloudflare/wrangler2/blob/main/.github/changeset-version.js\n\nimport { exec } from \"child_process\";\n// This script is used by the `release.yml` workflow to update the version of the packages being released.\n// The standard step is only to run `changeset version` but this does not update the package-lock.json file.\n// So we also run `npm install`, which does this update.\n// This is a workaround until this is handled automatically by `changeset version`.\n// See https://github.com/changesets/changesets/issues/421.\nexec(\"npx changeset version\");\nexec(\"npm install\");\n" }, { "path": ".github/labeler.yml", "content": "\"📌 area: cli\":\n - any: [\"cli/**/*\"]\n\n\"📌 area: t3-app\":\n - any: [\"cli/template/**/*\"]\n\n\"📚 documentation\":\n - any: [\"www/**/*\"]\n - any: [\"**/*.md\"]\n\n\"📌 area: ci\":\n - any: [\".github/**/*\"]\n" }, { "path": ".github/pull_request_template.md", "content": "Closes #\n\n## ✅ Checklist\n\n- [ ] I have followed every step in the [contributing guide](https://github.com/t3-oss/create-t3-app/blob/main/CONTRIBUTING.md) (updated 2022-10-06).\n- [ ] The PR title follows the convention we established [conventional-commit](https://www.conventionalcommits.org/en/v1.0.0/)\n- [ ] I performed a functional test on my final commit\n\n---\n\n## Changelog\n\n_[Short description of what has changed]_\n\n---\n\n## Screenshots\n\n_[Screenshots]_\n\n💯\n" }, { "path": ".github/scripts/generate-matrix.js", "content": "// Define all possible values\nconst options = {\n trpc: ['true', 'false'],\n tailwind: ['true', 'false'],\n nextAuth: ['true', 'false'],\n betterAuth: ['true', 'false'],\n prisma: ['true', 'false'],\n drizzle: ['true', 'false'],\n appRouter: ['true', 'false'],\n dbType: ['planetscale', 'sqlite', 'mysql', 'postgres']\n};\n\n// Generate all combinations\nfunction generateCombinations(opts) {\n const keys = Object.keys(opts);\n const combinations = [];\n\n function recurse(index, current) {\n if (index === keys.length) {\n combinations.push({...current});\n return;\n }\n\n const key = keys[index];\n for (const value of opts[key]) {\n current[key] = value;\n recurse(index + 1, current);\n }\n }\n\n recurse(0, {});\n return combinations;\n}\n\n// Filter valid combinations based on current validation logic\nfunction isValid(combo) {\n const { prisma, drizzle, nextAuth, betterAuth, dbType } = combo;\n\n // Not both auth true\n if (nextAuth === 'true' && betterAuth === 'true') return false;\n\n // Not both db true\n if (prisma === 'true' && drizzle === 'true') return false;\n\n // If no db selected, only allow sqlite\n if (prisma === 'false' && drizzle === 'false' && dbType !== 'sqlite') return false;\n\n return true;\n}\n\nconst allCombos = generateCombinations(options);\nconst validCombos = allCombos.filter(isValid);\n\nconsole.log(`matrix=${JSON.stringify({include: validCombos})}`);\n" }, { "path": ".github/version-script-beta.js", "content": "// ORIGINALLY FROM CLOUDFLARE WRANGLER:\n// https://github.com/cloudflare/wrangler2/blob/main/.github/version-script.js\nimport fs from \"fs\";\nimport { exec } from \"child_process\";\n\nconst pkgJsonPath = \"cli/package.json\";\ntry {\n const pkg = JSON.parse(fs.readFileSync(pkgJsonPath));\n exec(\"git rev-parse --short HEAD\", (err, stdout) => {\n if (err) {\n console.log(err);\n process.exit(1);\n }\n const [major, minor, patch] = pkg.version.split(\".\").map(Number);\n pkg.version = `${major}.${minor}.${patch + 1}-beta.${stdout.trim()}`;\n fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, \"\\t\") + \"\\n\");\n });\n} catch (error) {\n console.error(error);\n process.exit(1);\n}\n" }, { "path": ".github/version-script-next.js", "content": "// ORIGINALLY FROM CLOUDFLARE WRANGLER:\n// https://github.com/cloudflare/wrangler2/blob/main/.github/version-script.js\nimport fs from \"fs\";\nimport { exec } from \"child_process\";\n\nconst pkgJsonPath = \"cli/package.json\";\ntry {\n const pkg = JSON.parse(fs.readFileSync(pkgJsonPath));\n exec(\"git rev-parse --short HEAD\", (err, stdout) => {\n if (err) {\n console.log(err);\n process.exit(1);\n }\n const [major, minor, patch] = pkg.version.split(\".\").map(Number);\n pkg.version = `${major}.${minor}.${patch + 1}-next.${stdout.trim()}`;\n fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, \"\\t\") + \"\\n\");\n });\n} catch (error) {\n console.error(error);\n process.exit(1);\n}\n" }, { "path": ".github/workflows/ci.yml", "content": "# this workflow will run on every pr to make sure the project is following the guidelines\n\n# after labeler, run other actions with strict permissions\nname: CI\n\non:\n pull_request:\n branches: [\"*\"]\n merge_group:\n\nenv:\n TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}\n TURBO_TEAM: ${{ secrets.TURBO_TEAM }}\n\njobs:\n lint:\n runs-on: ubuntu-latest\n name: Run ESLint\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - run: pnpm turbo run lint\n - run: pnpm manypkg check\n\n check-changeset:\n runs-on: ubuntu-latest\n name: Check Changeset\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - name: Check and Validate Changes in /cli\n run: |\n git fetch origin main:main\n changes=$(git diff --name-only main...${{ github.sha }} | grep '^cli/' || true)\n if [[ -n \"$changes\" ]]; then\n echo \"Changes detected in /cli: $changes\"\n pnpm changeset status --since origin/main\n exit_status=$?\n if [[ $exit_status -eq 0 ]]; then\n echo \"Changeset validation succeeded.\"\n else\n echo \"Changeset validation failed.\"\n fi\n else\n echo \"No changes detected in /cli\"\n fi\n\n prettier:\n runs-on: ubuntu-latest\n name: Run Prettier\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - run: pnpm format:check\n\n tsc:\n runs-on: ubuntu-latest\n name: Run Typechecker\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - run: pnpm typecheck\n\n build-www:\n runs-on: ubuntu-latest\n name: Build and Check Astro\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - run: pnpm run --filter=www check\n - run: pnpm turbo --filter=www build\n # env:\n # PUBLIC_GITHUB_TOKEN: ${{ secrets.PUBLIC_GITHUB_TOKEN }}\n" }, { "path": ".github/workflows/e2e.yml", "content": "# this workflow will run on every pr to make sure the project is following the guidelines\n\n# after labeler, run other actions with strict permissions\nname: E2E Tests\n\non:\n pull_request:\n branches:\n - \"*\"\n paths:\n - \"cli/**/*\"\n merge_group:\n\nenv:\n TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}\n TURBO_TEAM: ${{ secrets.TURBO_TEAM }}\n\nconcurrency:\n group: ${{ github.workflow }}-${{ github.ref }}\n cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}\n\njobs:\n generate-matrix:\n runs-on: ubuntu-latest\n outputs:\n matrix: ${{ steps.generate.outputs.matrix }}\n steps:\n - uses: actions/checkout@v4\n - name: Generate valid matrix combinations\n id: generate\n run: node .github/scripts/generate-matrix.js >> $GITHUB_OUTPUT\n\n build-t3-app:\n needs: generate-matrix\n runs-on: ubuntu-latest\n # if: |\n # contains(github.event.pull_request.labels.*.name, '📌 area: cli') ||\n # contains(github.event.pull_request.labels.*.name, '📌 area: t3-app')\n strategy:\n matrix: ${{ fromJson(needs.generate-matrix.outputs.matrix) }}\n\n name: \"Build and Start T3 App ${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.betterAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}}-${{ matrix.appRouter }}-${{ matrix.dbType }}\"\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n\n - uses: ./.github/actions/setup\n\n - run: pnpm turbo --filter=create-t3-app build\n\n # has to be scaffolded outside the CLI project so that no lint/tsconfig are leaking\n # through. this way it ensures that it is the app's configs that are being used\n # FIXME: this is a bit hacky, would rather have --packages=trpc,tailwind,... but not sure how to setup the matrix for that\n - run: cd cli && pnpm start ../../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.betterAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}}-${{ matrix.appRouter }}-${{ matrix.dbType }} --noGit --CI --trpc=${{ matrix.trpc }} --tailwind=${{ matrix.tailwind }} --nextAuth=${{ matrix.nextAuth }} --betterAuth=${{ matrix.betterAuth }} --prisma=${{ matrix.prisma }} --drizzle=${{ matrix.drizzle }} --appRouter=${{ matrix.appRouter }} --dbProvider=${{ matrix.dbType }}\n # can't use default mysql string cause t3-env blocks that\n\n - run: cd ../ci-${{ matrix.trpc }}-${{ matrix.tailwind }}-${{ matrix.nextAuth }}-${{ matrix.betterAuth }}-${{ matrix.prisma }}-${{ matrix.drizzle}}-${{ matrix.appRouter }}-${{ matrix.dbType }} && pnpm build\n env:\n AUTH_SECRET: foo\n AUTH_DISCORD_ID: bar\n AUTH_DISCORD_SECRET: baz\n SKIP_ENV_VALIDATION: true\n\n check-well-formatted:\n runs-on: ubuntu-latest\n\n strategy:\n matrix:\n eslint: [\"true\", \"false\"]\n biome: [\"true\", \"false\"]\n\n name: \"Build and Start T3 App\"\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n\n - name: Check valid matrix\n id: matrix-valid\n run: |\n echo \"continue=${{ (matrix.eslint == 'false' || matrix.biome == 'false') && (matrix.biome == 'true' || matrix.eslint == 'true') }}\" >> $GITHUB_OUTPUT\n\n - uses: ./.github/actions/setup\n if: ${{ steps.matrix-valid.outputs.continue == 'true' }}\n\n - run: pnpm turbo --filter=create-t3-app build\n if: ${{ steps.matrix-valid.outputs.continue == 'true' }}\n\n - run: cd cli && pnpm start ../../ci-format-${{ matrix.eslint }}-${{ matrix.biome }} --noGit --CI --trpc --tailwind --nextAuth --drizzle --appRouter --dbProvider=postgres --eslint=${{ matrix.eslint }} --biome=${{ matrix.biome }}\n if: ${{ steps.matrix-valid.outputs.continue == 'true' }}\n\n - run: cd ../ci-format-${{ matrix.eslint }}-${{ matrix.biome }} && pnpm build\n if: ${{ steps.matrix-valid.outputs.continue == 'true' }}\n env:\n AUTH_SECRET: foo\n AUTH_DISCORD_ID: bar\n AUTH_DISCORD_SECRET: baz\n SKIP_ENV_VALIDATION: true\n\n # Run biome check\n - run: cd ../ci-format-${{ matrix.eslint }}-${{ matrix.biome }} && pnpm check\n if: ${{ steps.matrix-valid.outputs.continue == 'true' && matrix.biome == 'true' }}\n\n # Check linting and formatting with eslint and prettier\n - run: cd ../ci-format-${{ matrix.eslint }}-${{ matrix.biome }} && pnpm lint && pnpm format:check\n if: ${{ steps.matrix-valid.outputs.continue == 'true' && matrix.eslint == 'true' }}\n env:\n AUTH_SECRET: foo\n AUTH_DISCORD_ID: bar\n AUTH_DISCORD_SECRET: baz\n SKIP_ENV_VALIDATION: true\n\n build-t3-app-with-bun:\n runs-on: ubuntu-latest\n\n name: \"Build and Start T3 App with Bun\"\n steps:\n - uses: actions/checkout@v3\n with:\n fetch-depth: 0\n\n # First install everything and build the CLI with Node\n - uses: ./.github/actions/setup\n - run: pnpm turbo --filter=create-t3-app build\n\n # Then, run the CLI and build the generated app with Bun\n # Let's just build a full app with Bun, we don't need the matrix here\n - uses: oven-sh/setup-bun@v1\n with:\n bun-version: latest\n\n - run: cd cli && bun run dist/index.js ../../ci-bun --default\n\n - name: We should have a Bun lockfile\n run: |\n if [ ! -f \"../ci-bun/bun.lock\" ]; then\n echo \"Bun lockfile not found\"\n exit 1\n fi\n\n # FIXME: This doesn't actually run the build script using bun, since Next.js doesn't support it yet.\n # But you should still be able to use `bun` as a package manager for any Next.js app.\n # If/When Next.js supports it, we should be able to run `bun --bun run build` here to override any Node binaries.\n # See: https://bun.sh/docs/cli/bunx#shebangs\n - run: cd ../ci-bun && bun run build\n # - run: cd ../ci-bun && bun --bun run build\n env:\n AUTH_SECRET: foo\n AUTH_DISCORD_ID: bar\n AUTH_DISCORD_SECRET: baz\n DATABASE_URL: mysql://root:root@localhost:3306/test # can't use url from example env cause we block that in t3-env\n" }, { "path": ".github/workflows/pr-labeler.yml", "content": "# this workflow will run on every pr to make sure the project is following the guidelines\n\n# run labeler with elevated permissions before other actions\n\nname: PR Checks\n\non:\n pull_request_target:\n branches: [\"*\"]\n types: [\"opened\", \"edited\", \"synchronize\"]\n\njobs:\n lint-pr-title:\n runs-on: ubuntu-latest\n name: Validate PR Title\n steps:\n - uses: amannn/action-semantic-pull-request@v5\n env:\n GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n\n labeler:\n name: Label PR\n permissions:\n contents: read\n pull-requests: write\n runs-on: ubuntu-latest\n steps:\n - uses: actions/labeler@v5\n with:\n repo-token: \"${{ secrets.GITHUB_TOKEN }}\"\n sync-labels: true\n" }, { "path": ".github/workflows/prerelease-comment.yml", "content": "name: Write Beta Release comment\n\non:\n workflow_run:\n workflows: [\"Release - Beta\"]\n types:\n - completed\n\njobs:\n comment:\n if: |\n github.repository_owner == 't3-oss' &&\n ${{ github.event.workflow_run.conclusion == 'success' }}\n runs-on: ubuntu-latest\n name: Write comment to the PR\n steps:\n - name: \"Comment on PR\"\n uses: actions/github-script@v7\n with:\n github-token: ${{ secrets.GITHUB_TOKEN }}\n script: |\n const allArtifacts = await github.rest.actions.listWorkflowRunArtifacts({\n owner: context.repo.owner,\n repo: context.repo.repo,\n run_id: context.payload.workflow_run.id,\n });\n\n for (const artifact of allArtifacts.data.artifacts) {\n // Extract the PR number and package version from the artifact name\n const match = /^npm-package-create-t3-app@(.*?)-pr-(\\d+)/.exec(artifact.name);\n \n if (match) {\n require(\"fs\").appendFileSync(\n process.env.GITHUB_ENV,\n `\\nBETA_PACKAGE_VERSION=${match[1]}` +\n `\\nWORKFLOW_RUN_PR=${match[2]}` +\n `\\nWORKFLOW_RUN_ID=${context.payload.workflow_run.id}`\n );\n break;\n }\n }\n\n - name: \"Comment on PR with Link\"\n uses: marocchino/sticky-pull-request-comment@v2\n with:\n number: ${{ env.WORKFLOW_RUN_PR }}\n message: |\n A new create-t3-app prerelease is available for testing. You can install this latest build in your project with:\n\n ```sh\n pnpm create t3-app@${{ env.BETA_PACKAGE_VERSION }}\n ```\n\n - name: \"Remove the autorelease label once published\"\n uses: actions/github-script@v7\n with:\n github-token: ${{ secrets.GITHUB_TOKEN }}\n script: |\n github.rest.issues.removeLabel({\n owner: context.repo.owner,\n repo: context.repo.repo,\n issue_number: ${{ env.WORKFLOW_RUN_PR }},\n name: '🚀 autorelease',\n });\n" }, { "path": ".github/workflows/prerelease.yml", "content": "# Originally inspired by Cloudflare Wrangler\n# https://github.com/cloudflare/wrangler2/blob/main/.github/workflows/prereleases.yml\n\nname: Release - Beta\n\non:\n pull_request:\n types: [labeled]\n branches:\n - main\njobs:\n prerelease:\n if: |\n github.repository_owner == 't3-oss' &&\n contains(github.event.pull_request.labels.*.name, '🚀 autorelease')\n name: Build & Publish a beta release to NPM\n runs-on: ubuntu-latest\n\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - name: Modify package.json version\n run: node .github/version-script-beta.js\n\n - name: Authenticate to NPM\n run: echo \"//registry.npmjs.org/:_authToken=${{ secrets.NPM_ACCESS_TOKEN }}\" > cli/.npmrc\n\n - name: Publish Beta to NPM\n run: pnpm pub:beta\n env:\n NPM_PUBLISH_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}\n\n - name: get-npm-version\n id: package-version\n uses: martinbeentjes/npm-get-version-action@main\n with:\n path: cli\n\n - name: Upload packaged artifact\n uses: actions/upload-artifact@v4\n with:\n name: npm-package-create-t3-app@${{ steps.package-version.outputs.current-version }}-pr-${{ github.event.number }} # encode the PR number into the artifact name\n path: cli/dist/index.js\n" }, { "path": ".github/workflows/release.yml", "content": "# Originally inspired by Cloudflare Wrangler\n# https://github.com/cloudflare/wrangler2/blob/main/.github/workflows/release.yml\n\nname: Release\n\non:\n push:\n branches:\n - main\n\njobs:\n release:\n if: ${{ github.repository_owner == 't3-oss' }}\n permissions:\n contents: write # to create release (changesets/action)\n id-token: write # OpenID Connect token needed for provenance\n pull-requests: write # to create pull request (changesets/action)\n name: Create a PR for release workflow\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n with:\n fetch-depth: 0\n - uses: ./.github/actions/setup\n\n - name: Check for errors\n run: pnpm check\n\n - name: Build the package\n run: pnpm build:cli\n\n - name: Create Version PR or Publish to NPM\n id: changesets\n uses: changesets/action@v1\n with:\n commit: \"chore(release): version packages\"\n title: \"chore(release): version packages\"\n version: node .github/changeset-version.js\n publish: npx changeset publish\n env:\n GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}\n NPM_CONFIG_PROVENANCE: true\n NPM_TOKEN: ${{ secrets.NPM_ACCESS_TOKEN }}\n NODE_ENV: \"production\"\n" }, { "path": ".github/workflows/translations.yml", "content": "name: \"Notify codeowners about changes in docs\"\n\non:\n pull_request_target:\n types: [opened, edited, synchronize]\n branches:\n - \"*\"\n paths:\n - \"www/src/pages/**\"\n - \"!www/src/pages/en/**\"\n\njobs:\n notify-codeowners:\n if: |\n github.repository_owner == 't3-oss'\n runs-on: ubuntu-latest\n steps:\n - name: Parse changed files and write to env\n uses: actions/github-script@v7\n with:\n github-token: ${{ secrets.GITHUB_TOKEN }}\n script: |\n const changedFiles = (await github.rest.pulls.listFiles({\n owner: \"t3-oss\",\n repo: \"create-t3-app\",\n pull_number: context.payload.number,\n })).data.map(file => file.filename);\n\n const changedLanguages = [\n ...new Set(\n changedFiles\n .filter((file) => file.startsWith(\"www/src/pages/\"))\n .map((file) => file.split(\"/\")[3])\n .filter((file) => file !== \"en\"),\n ),\n ];\n\n const CODEOWNERS = {\n ar: [\"a4addel\", \"Sboonny\"],\n fr: [\"Defranos\", \"joachimjusth\", \"vdeva\"],\n ja: [\"t6adev\", \"uehaj\"],\n no: [\"estubmo\", \"josephayman\"],\n pl: [\"matibox\", \"Infiplaya\", \"PiotrekPKP\"],\n pt: [\"minsk-dev\", \"Sn0wye\", \"victoriaquasar\", \"MattFerreira18\", \"gilhrpenner\"],\n ru: [\"AmadeusTwi\", \"ronanru\", \"JohnBakhmat\"],\n uk: [\"pqoqubbw\"],\n \"zh-hans\": [\"fernandoxu\", \"escwxyz\"],\n };\n\n console.log(\"Changed languages:\", changedLanguages)\n\n const formattedString = changedLanguages\n .map(\n (lang) =>\n `${lang.toUpperCase()}: ${(CODEOWNERS[lang] || []).map((user) => `@${user}`).join(\", \")}`,\n )\n .join(\" | \"); // cause we can't linebreak in env vars\n\n console.log(\"Formatted string:\", formattedString)\n\n require(\"fs\").appendFileSync(\n process.env.GITHUB_ENV,\n `\\nCODEOWNERS=${formattedString}`,\n );\n\n - name: Write comment on the PR tagging codeowners\n uses: marocchino/sticky-pull-request-comment@v2\n with:\n number: ${{ env.WORKFLOW_RUN_PR }}\n message: |\n Hey t3-oss/translators! \n\n This PR contains changes to your language. Please review the changes ❤️.\n\n ${{ env.CODEOWNERS }}\n" }, { "path": ".gitignore", "content": "### STANDARD GIT IGNORE FILE ###\n\n# DEPENDENCIES\nnode_modules/\n/.pnp\n.pnp.js\npackage-lock.json\nyarn.lock\n\n# TESTING\n/coverage\n*.lcov\n.nyc_output\n\n# BUILD\nbuild/\npublic/build/\ndist/\ngenerated/\n.astro\n\n# ENV FILES\n.env\n.env.local\n.env.development.local\n.env.test.local\n.env.production.local\n\n# LOGS\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# MISC\n.idea\n.cache/\n.next/\nnext-env.d.ts\n.nuxt/\ntmp/\ntemp/\n.docusaurus\n*.tsbuildinfo\n\n# MAC\n._*\n.DS_Store\nThumbs.db\n\n.turbo\n.vercel\n\n# Emacs backup files\n\\#*\n.\\#*\n\n# TYPESCRIPT\n*.tsbuildinfo\n" }, { "path": ".gitpod.yml", "content": "tasks:\n - init: pnpm install\nvscode:\n extensions:\n - astro-build.astro-vscode\n - bradlc.vscode-tailwindcss" }, { "path": ".vscode/extensions.json", "content": "{\n \"recommendations\": [\n \"esbenp.prettier-vscode\",\n \"dbaeumer.vscode-eslint\",\n \"astro-build.astro-vscode\",\n \"bradlc.vscode-tailwindcss\",\n \"unifiedjs.vscode-mdx\",\n \"yoavbls.pretty-ts-errors\"\n ]\n}\n" }, { "path": ".vscode/settings.json", "content": "{\n \"workbench.colorCustomizations\": {\n \"titleBar.activeBackground\": \"#1f0d49\",\n \"titleBar.activeForeground\": \"#e2e8f0\",\n \"titleBar.inactiveBackground\": \"#181239\",\n \"titleBar.inactiveForeground\": \"#b1b6bd\"\n },\n\n \"editor.codeActionsOnSave\": {\n \"source.fixAll.eslint\": \"explicit\"\n },\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\",\n \"editor.formatOnSave\": true,\n \"editor.rulers\": [100],\n \"editor.tabSize\": 2,\n \"editor.quickSuggestions\": {\n \"strings\": true\n },\n\n \"eslint.validate\": [\n \"javascript\",\n \"javascriptreact\",\n \"astro\",\n \"typescript\",\n \"typescriptreact\"\n ],\n \"eslint.workingDirectories\": [\"cli\", \"upgrade\", \"www\"],\n\n \"eslint.rules.customizations\": [{ \"rule\": \"*\", \"severity\": \"warn\" }],\n \"typescript.tsdk\": \"node_modules/typescript/lib\",\n \"prettier.documentSelectors\": [\n \"**/*.{cjs,mjs,ts,tsx,astro,md,mdx,json,yaml,yml}\"\n ],\n \"mdx.experimentalLanguageServer\": true,\n \"[astro]\": {\n \"editor.defaultFormatter\": \"astro-build.astro-vscode\"\n },\n \"[prisma]\": {\n \"editor.defaultFormatter\": \"Prisma.prisma\"\n },\n \"[javascript]\": {\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n },\n \"[typescript]\": {\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n },\n \"[typescriptreact]\": {\n \"editor.defaultFormatter\": \"esbenp.prettier-vscode\"\n }\n}\n" }, { "path": "CONTRIBUTING.md", "content": "# Contribution Guidelines\n\nWhen contributing to `create-t3-app`, whether on GitHub or in other community spaces:\n\n- Be respectful, civil, and open-minded.\n- Before opening a new pull request, try searching through the [issue tracker](https://github.com/t3-oss/create-t3-app/issues) for known issues or fixes.\n- If you want to make code changes based on your personal opinion(s), make sure you open an issue first describing the changes you want to make, and open a pull request only when your suggestions get approved by maintainers.\n\n## How to Contribute\n\n### Prerequisites\n\nIn order to not waste your time implementing a change that has already been declined, or is generally not needed, start by [opening an issue](https://github.com/t3-oss/create-t3-app/issues/new/choose) describing the problem you would like to solve.\n\n### Contributing via Codesandbox\n\nYou can contribute to this documentation on codesandbox which will automatically run all the setup command for you. [![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/github/t3-oss/create-t3-app).\n\n### Setup your environment locally\n\n_Some commands will assume you have the Github CLI installed, if you haven't, consider [installing it](https://github.com/cli/cli#installation), but you can always use the Web UI if you prefer that instead._\n\nIn order to contribute to this project, you will need to fork the repository:\n\n```bash\ngh repo fork t3-oss/create-t3-app\n```\n\nthen, clone it to your local machine:\n\n```bash\ngh repo clone /create-t3-app\n```\n\nThis project uses [pnpm](https://pnpm.io) as its package manager. Install it if you haven't already:\n\n```bash\nnpm install -g pnpm\n```\n\nThen, install the project's dependencies:\n\n```bash\npnpm install\n```\n\n### Implement your changes\n\nThis project is a [Turborepo](https://turborepo.org/) monorepo. The code for the CLI is in the `cli` directory, and the docs is in the `www` directory. Now you're all setup and can start implementing your changes.\n\nHere are some useful scripts for when you are developing:\n\n| Command | Description |\n| ---------------- | ------------------------------------------------------- |\n| `pnpm dev:cli` | Builds and starts the CLI in watch-mode |\n| `pnpm dev:www` | Starts the development server for the docs with HMR |\n| `pnpm build:cli` | Builds the CLI |\n| `pnpm build:www` | Builds the docs |\n| `pnpm build` | Builds CLI and docs |\n| `pnpm format` | Formats the code |\n| `pnpm lint` | Lints the code |\n| `pnpm lint:fix` | Lints the code and fixes any errors |\n| `pnpm check` | Checks your code for typeerrors, formatting and linting |\n\nWhen making commits, make sure to follow the [conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) guidelines, i.e. prepending the message with `feat:`, `fix:`, `chore:`, `docs:`, etc... You can use `git status` to double check which files have not yet been staged for commit:\n\n```bash\ngit add && git commit -m \"feat/fix/chore/docs: commit message\"\n```\n\n### When you're done\n\nCheck that your code follows the project's style guidelines by running:\n\n```bash\npnpm check\n```\n\nPlease also make a manual, functional test of your changes.\n\nIf your change should appear in the changelog, i.e. it changes some behavior of either the CLI or the outputted application, it must be captured by `changeset` which is done by running\n\n```bash\npnpm changeset\n```\n\nand filling out the form with the appropriate information. Then, add the generated changeset to git:\n\n```bash\ngit add .changeset/*.md && git commit -m \"chore: add changeset\"\n```\n\nWhen all that's done, it's time to file a pull request to upstream:\n\n```bash\ngh pr create --web\n```\n\nand fill out the title and body appropriately. Again, make sure to follow the [conventional commit](https://www.conventionalcommits.org/en/v1.0.0/) guidelines for your title.\n\n## Translations\n\nFor more information on how to help with translation, please see the [contributing guidelines for our docs](https://github.com/t3-oss/create-t3-app/blob/main/www/TRANSLATIONS.md).\n\n## Credits\n\nThis documented was inspired by the contributing guidelines for [cloudflare/wrangler2](https://github.com/cloudflare/wrangler2/blob/main/CONTRIBUTING.md).\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2022 Shoubhit Dash\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n" }, { "path": "cli/.yarnrc.yml", "content": "packageExtensions:\n chalk@5.0.1:\n dependencies:\n \"#ansi-styles\": npm:ansi-styles@6.1.0\n \"#supports-color\": npm:supports-color@9.2.2\n" }, { "path": "cli/CHANGELOG.md", "content": "# Changelog\n\n## 7.38.1\n\n### Patch Changes\n\n- [#2010](https://github.com/t3-oss/create-t3-app/pull/2010) [`12fccae15d08bc11168fe6b462d978a6787b5c7c`](https://github.com/t3-oss/create-t3-app/commit/12fccae15d08bc11168fe6b462d978a6787b5c7c) Thanks [@swyckoff](https://github.com/swyckoff)! - Added an import for crypto in the cli envVars.ts to support older node versions.\n\n## 7.38.0\n\n### Minor Changes\n\n- [#2000](https://github.com/t3-oss/create-t3-app/pull/2000) [`41de302b5a76966741d1dc270ba5da27064f82e8`](https://github.com/t3-oss/create-t3-app/commit/41de302b5a76966741d1dc270ba5da27064f82e8) Thanks [@ronanru](https://github.com/ronanru)! - update to next.js 15 and next-auth v5\n\n- [#2002](https://github.com/t3-oss/create-t3-app/pull/2002) [`54b66484692b76d325f59dc233eb27e0aee59af2`](https://github.com/t3-oss/create-t3-app/commit/54b66484692b76d325f59dc233eb27e0aee59af2) Thanks [@devotoare](https://github.com/devotoare)! - Change drizzle with PostgresQL to use identity columns\n\n### Patch Changes\n\n- [#1969](https://github.com/t3-oss/create-t3-app/pull/1969) [`e08dbe307b4e37c7cc7e0cbf6243c008771ef4f8`](https://github.com/t3-oss/create-t3-app/commit/e08dbe307b4e37c7cc7e0cbf6243c008771ef4f8) Thanks [@Guria](https://github.com/Guria)! - fix issue with prefetch protected procedure in auth templates\n\n- [#1997](https://github.com/t3-oss/create-t3-app/pull/1997) [`fe85a233c62af607e8a39bf5ca1b2358d43c6587`](https://github.com/t3-oss/create-t3-app/commit/fe85a233c62af607e8a39bf5ca1b2358d43c6587) Thanks [@programming-with-ia](https://github.com/programming-with-ia)! - Add more scripts in `package.json`\n\n- [#1975](https://github.com/t3-oss/create-t3-app/pull/1975) [`78cb06f99f15f4f4f90b57e3545f1dc0b222eaf3`](https://github.com/t3-oss/create-t3-app/commit/78cb06f99f15f4f4f90b57e3545f1dc0b222eaf3) Thanks [@0pilatos0](https://github.com/0pilatos0)! - Resolved issue where database startup script did not check for docker daemon being up and running\n\n## 7.37.0\n\n### Minor Changes\n\n- [#1936](https://github.com/t3-oss/create-t3-app/pull/1936) [`2d1878e53767e35ab4b22a37622fbf0d5fdb4da7`](https://github.com/t3-oss/create-t3-app/commit/2d1878e53767e35ab4b22a37622fbf0d5fdb4da7) Thanks [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)! - upgrade to typescript eslint v8\n\n- [#1936](https://github.com/t3-oss/create-t3-app/pull/1936) [`2d1878e53767e35ab4b22a37622fbf0d5fdb4da7`](https://github.com/t3-oss/create-t3-app/commit/2d1878e53767e35ab4b22a37622fbf0d5fdb4da7) Thanks [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)! - upgrade to drizzle-orm@0.33 and corresponding drizzle-kit version\n\n### Patch Changes\n\n- [#1954](https://github.com/t3-oss/create-t3-app/pull/1954) [`f9f96d069af87d4372dc917e3625409859e4e615`](https://github.com/t3-oss/create-t3-app/commit/f9f96d069af87d4372dc917e3625409859e4e615) Thanks [@ronanru](https://github.com/ronanru)! - fix typo\n\n## 7.36.2\n\n### Patch Changes\n\n- [#1945](https://github.com/t3-oss/create-t3-app/pull/1945) [`9eea9fb5f6d26d42944a660bfcee5f7fb33438ad`](https://github.com/t3-oss/create-t3-app/commit/9eea9fb5f6d26d42944a660bfcee5f7fb33438ad) Thanks [@datasalaryman](https://github.com/datasalaryman)! - resolve client error during getLatest trpc call\n\n- [#1948](https://github.com/t3-oss/create-t3-app/pull/1948) [`3a1b94d29a3addc783e2d6645c2e88a5b7273174`](https://github.com/t3-oss/create-t3-app/commit/3a1b94d29a3addc783e2d6645c2e88a5b7273174) Thanks [@keyding](https://github.com/keyding)! - Update seed.ts in prisma in documentation\n\n- [#1940](https://github.com/t3-oss/create-t3-app/pull/1940) [`46a4e2d144da8b184bf39444b19e0b1bd00bab2b`](https://github.com/t3-oss/create-t3-app/commit/46a4e2d144da8b184bf39444b19e0b1bd00bab2b) Thanks [@KrishanGoyal1](https://github.com/KrishanGoyal1)! - changed default password error message for `start-database` script\n\n## 7.36.1\n\n### Patch Changes\n\n- [#1937](https://github.com/t3-oss/create-t3-app/pull/1937) [`5a0cbc53afb8597d6da2bc6d184ea1427e741cec`](https://github.com/t3-oss/create-t3-app/commit/5a0cbc53afb8597d6da2bc6d184ea1427e741cec) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: dependency bumps\n\n## 7.36.0\n\n### Minor Changes\n\n- [#1932](https://github.com/t3-oss/create-t3-app/pull/1932) [`42a485a29370fbfe4f03e5f756d97c0fee0b09e8`](https://github.com/t3-oss/create-t3-app/commit/42a485a29370fbfe4f03e5f756d97c0fee0b09e8) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: add trpc rsc prefetching\n\n### Patch Changes\n\n- [#1934](https://github.com/t3-oss/create-t3-app/pull/1934) [`1cfbb117c892905ea956a597aa6d48e9984b1190`](https://github.com/t3-oss/create-t3-app/commit/1cfbb117c892905ea956a597aa6d48e9984b1190) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - remove duplicate `
` tags\n\n- [#1931](https://github.com/t3-oss/create-t3-app/pull/1931) [`a1a4b8707b95b82e755733b2853ac595bb9d4829`](https://github.com/t3-oss/create-t3-app/commit/a1a4b8707b95b82e755733b2853ac595bb9d4829) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: unify drizlze schema and fix sqlite timestamps\n\n## 7.35.0\n\n### Minor Changes\n\n- [#1905](https://github.com/t3-oss/create-t3-app/pull/1905) [`b22e2e10d005689faa7b1db771a217b59c88635f`](https://github.com/t3-oss/create-t3-app/commit/b22e2e10d005689faa7b1db771a217b59c88635f) Thanks [@jessedelira](https://github.com/jessedelira)! - Add .idea to .gitignore\n\n### Patch Changes\n\n- [#1909](https://github.com/t3-oss/create-t3-app/pull/1909) [`f69fa29733d3bd0d6e5043d1200e250a938b6335`](https://github.com/t3-oss/create-t3-app/commit/f69fa29733d3bd0d6e5043d1200e250a938b6335) Thanks [@TheDevilOnLine](https://github.com/TheDevilOnLine)! - fix: Added $defaultFn to the user table's id field when using Drizzle to fix #1906\n\n## 7.34.0\n\n### Minor Changes\n\n- [#1893](https://github.com/t3-oss/create-t3-app/pull/1893) [`1925236bcfcafc6c490319ab5f07b2a698e88ef5`](https://github.com/t3-oss/create-t3-app/commit/1925236bcfcafc6c490319ab5f07b2a698e88ef5) Thanks [@brandon93s](https://github.com/brandon93s)! - Add `db:generate` and `db:migrate` scripts to drizzle and prisma installers\n\n### Patch Changes\n\n- [#1891](https://github.com/t3-oss/create-t3-app/pull/1891) [`4236f0dfa969ff0d8b7ce2a60b5595c43ced9043`](https://github.com/t3-oss/create-t3-app/commit/4236f0dfa969ff0d8b7ce2a60b5595c43ced9043) Thanks [@thecmdrunner](https://github.com/thecmdrunner)! - Apply drizzle rules for `ctx.db` object in tRPC context\n\n## 7.33.1\n\n### Patch Changes\n\n- [#1884](https://github.com/t3-oss/create-t3-app/pull/1884) [`f148deb`](https://github.com/t3-oss/create-t3-app/commit/f148debf74e16b61dae89c684fbc9ac1d97ac2c8) Thanks [@Irere123](https://github.com/Irere123)! - fix: remove deprecated push command in drizzle package.json scripts (…\n )\n\n## 7.33.0\n\n### Minor Changes\n\n- [#1821](https://github.com/t3-oss/create-t3-app/pull/1821) [`4de1927`](https://github.com/t3-oss/create-t3-app/commit/4de1927489aa2d0cf61313ea1543f85268c0e645) Thanks [@kakeWasTaken](https://github.com/kakeWasTaken)! - change default font from Inter to Geist Sans\n\n### Patch Changes\n\n- [#1881](https://github.com/t3-oss/create-t3-app/pull/1881) [`9e5e7d0`](https://github.com/t3-oss/create-t3-app/commit/9e5e7d0c4342542fec18fdc97552b494fe31f5a3) Thanks [@gcjbr](https://github.com/gcjbr)! - chore: update `drizzle-kit` to `0.21.0`\n\n## 7.32.1\n\n### Patch Changes\n\n- [#1867](https://github.com/t3-oss/create-t3-app/pull/1867) [`304a67f`](https://github.com/t3-oss/create-t3-app/commit/304a67f5bde05116b143c86588546af02e86cfda) Thanks [@xelacast](https://github.com/xelacast)! - Parsed --dbprovider flag correctly and added related error message\n\n- [#1860](https://github.com/t3-oss/create-t3-app/pull/1860) [`b5ced34`](https://github.com/t3-oss/create-t3-app/commit/b5ced343f8a7fbc889a113ec05bef6c5e550cd55) Thanks [@victor-falcon](https://github.com/victor-falcon)! - Load PORT in start-database script\n\n- [#1871](https://github.com/t3-oss/create-t3-app/pull/1871) [`f29a69f`](https://github.com/t3-oss/create-t3-app/commit/f29a69fcc300db539fe0cfa9f52858551e89b869) Thanks [@xelacast](https://github.com/xelacast)! - Fixed project creation of . bug in ./start-database.sh\n\n- [#1858](https://github.com/t3-oss/create-t3-app/pull/1858) [`29348b6`](https://github.com/t3-oss/create-t3-app/commit/29348b6b4f11d7f19915be6639e3c5aaa27b8907) Thanks [@lcabraja](https://github.com/lcabraja)! - Added drizzle's db.sqlite location to .gitignore\n\n## 7.32.0\n\n### Minor Changes\n\n- [#1842](https://github.com/t3-oss/create-t3-app/pull/1842) [`088a773`](https://github.com/t3-oss/create-t3-app/commit/088a773103a03e0ec34cbe22329ead33cd80c5ff) Thanks [@nick22985](https://github.com/nick22985)! - Infers tRPC input & output types to the client for app router\n\n- [#1841](https://github.com/t3-oss/create-t3-app/pull/1841) [`41bd524`](https://github.com/t3-oss/create-t3-app/commit/41bd5240276f1029633cde588b0ca08301c4e78c) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - mark app router as stable\n\n### Patch Changes\n\n- [#1838](https://github.com/t3-oss/create-t3-app/pull/1838) [`ff886b3`](https://github.com/t3-oss/create-t3-app/commit/ff886b3fed4b193b8fc85882a71c7e8085457cf0) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - bump zod and t3-env\n\n## 7.31.0\n\n### Minor Changes\n\n- [#1830](https://github.com/t3-oss/create-t3-app/pull/1830) [`3257d0a`](https://github.com/t3-oss/create-t3-app/commit/3257d0a2fe73847b501bdf36f09053638b4a41a4) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: replace better-sqlite3 with libsql\n\n### Patch Changes\n\n- [`ab5fa95`](https://github.com/t3-oss/create-t3-app/commit/ab5fa95afce2a0feb8567aed6bb02beeef1401e5) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: pin zod version\n\n- [#1835](https://github.com/t3-oss/create-t3-app/pull/1835) [`f66e30a`](https://github.com/t3-oss/create-t3-app/commit/f66e30a0c84eb4f74182d79b23e3c5e900788e10) Thanks [@Inshiku-Han](https://github.com/Inshiku-Han)! - Only install @trpc/next when router style is page router\n\n## 7.30.2\n\n### Patch Changes\n\n- [#1817](https://github.com/t3-oss/create-t3-app/pull/1817) [`d49300a`](https://github.com/t3-oss/create-t3-app/commit/d49300a4230835f6a771ed1a6b759c61c8902d7e) Thanks [@kxzazz](https://github.com/kxzazz)! - fix: `start-database.sh` is marked optional\n\n- [#1823](https://github.com/t3-oss/create-t3-app/pull/1823) [`f5c5db9`](https://github.com/t3-oss/create-t3-app/commit/f5c5db99dbd86010369b26e55dd65973ccd0db05) Thanks [@t3dotgg](https://github.com/t3dotgg)! - chore: update next to 14.2.1\n\n## 7.30.1\n\n### Patch Changes\n\n- [#1802](https://github.com/t3-oss/create-t3-app/pull/1802) [`41380d1`](https://github.com/t3-oss/create-t3-app/commit/41380d1cbf29418c3d60a2dcefd3eaf3f7e7bc28) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix: non planetscale env.js refers to YOUR_MYSQL_URL_HERE\n\n- [#1808](https://github.com/t3-oss/create-t3-app/pull/1808) [`fedd7b3`](https://github.com/t3-oss/create-t3-app/commit/fedd7b3926540fdf3137f327cac917237a438943) Thanks [@thecmdrunner](https://github.com/thecmdrunner)! - Apply drizzle-orm lint rules for `db` keyword only\n\n## 7.30.0\n\n### Minor Changes\n\n- [#1741](https://github.com/t3-oss/create-t3-app/pull/1741) [`5de586d`](https://github.com/t3-oss/create-t3-app/commit/5de586da1933064c9eef84ddae47d795e71afc53) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: use trpc 11\n\n## 7.29.0\n\n### Minor Changes\n\n- [#1785](https://github.com/t3-oss/create-t3-app/pull/1785) [`57dc6ab`](https://github.com/t3-oss/create-t3-app/commit/57dc6ab0625d7cd56bf8f6b5c4d3b844421ffe48) Thanks [@thecmdrunner](https://github.com/thecmdrunner)! - Include ESLlint rules for `drizzle-orm`.\n\n- [#1794](https://github.com/t3-oss/create-t3-app/pull/1794) [`3cca996`](https://github.com/t3-oss/create-t3-app/commit/3cca9965739d29cc010e586406d40fff471a9bed) Thanks [@thecmdrunner](https://github.com/thecmdrunner)! - Use portable shebangs in scripts for nix systems\n\n## 7.28.0\n\n### Minor Changes\n\n- [#1777](https://github.com/t3-oss/create-t3-app/pull/1777) [`640a0e0`](https://github.com/t3-oss/create-t3-app/commit/640a0e086d1515f4f88315d3295b44296fe7bbd0) Thanks [@limegorilla](https://github.com/limegorilla)! - Warning about planetscale's serverless driver now only shown if using mySQL\n\n### Patch Changes\n\n- [#1778](https://github.com/t3-oss/create-t3-app/pull/1778) [`01badfb`](https://github.com/t3-oss/create-t3-app/commit/01badfb38caec5d0d211d7f93c6e288d55f2a751) Thanks [@DerTimonius](https://github.com/DerTimonius)! - fix: add missing default font in pagesDir\n\n- [#1766](https://github.com/t3-oss/create-t3-app/pull/1766) [`d7695df`](https://github.com/t3-oss/create-t3-app/commit/d7695df89a77ea5add1d703b63b9aeda5b5ef0c5) Thanks [@fuegoio](https://github.com/fuegoio)! - fix: cache database connection during development to prevent `Too many connections` due to HMR\n\n## 7.27.0\n\n### Minor Changes\n\n- [#1773](https://github.com/t3-oss/create-t3-app/pull/1773) [`8f29eb9`](https://github.com/t3-oss/create-t3-app/commit/8f29eb990ccbc36c018ce596d2de0205b3c7edac) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat(prisma): support correct typings when using `.extends()`\n\n### Patch Changes\n\n- [#1774](https://github.com/t3-oss/create-t3-app/pull/1774) [`0418663`](https://github.com/t3-oss/create-t3-app/commit/0418663ec6cc370ed1e067f1ef68f0d5ca41af53) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: update drizzle-orm\n\n- [#1763](https://github.com/t3-oss/create-t3-app/pull/1763) [`836fccf`](https://github.com/t3-oss/create-t3-app/commit/836fccf22dc224e283a764649c16090e4ba42b18) Thanks [@skullface](https://github.com/skullface)! - fix: correct casing of “PlanetScale”\n\n- [#1764](https://github.com/t3-oss/create-t3-app/pull/1764) [`79e361c`](https://github.com/t3-oss/create-t3-app/commit/79e361cfd8ad0740a353c7712cad8d38cbc8ee7b) Thanks [@vlxm](https://github.com/vlxm)! - fix: fix password substitution in start-database scripts\n\n- [#1769](https://github.com/t3-oss/create-t3-app/pull/1769) [`c944c49`](https://github.com/t3-oss/create-t3-app/commit/c944c490522a3fb921d564ab55eecd8c535142c3) Thanks [@jhamill34](https://github.com/jhamill34)! - fix: generated comments in env file\n\n- [#1772](https://github.com/t3-oss/create-t3-app/pull/1772) [`c3c4710`](https://github.com/t3-oss/create-t3-app/commit/c3c4710b2e7e6245c0afae45e1a5119d91cb9578) Thanks [@mladenovic-13](https://github.com/mladenovic-13)! - fix: use singleton pattern for client-side QueryClient to support `useSuspenseQuery` when there is no parent ``-element\n\n- [#1748](https://github.com/t3-oss/create-t3-app/pull/1748) [`17c2a5e`](https://github.com/t3-oss/create-t3-app/commit/17c2a5eb52a7faff7ea9e1d1a6270c2216235ff2) Thanks [@aaronmallen](https://github.com/aaronmallen)! - add missing `pg` dev dependency when using postgres drizzle option, required for `drizzle-studio`\n\n## 7.26.0\n\n### Minor Changes\n\n- [#1622](https://github.com/t3-oss/create-t3-app/pull/1622) [`06b1bca`](https://github.com/t3-oss/create-t3-app/commit/06b1bcafe8751a0fc3cfb7992dfb12cb88bf0234) Thanks [@ronanru](https://github.com/ronanru)! - add more db options\n\n## 7.25.2\n\n### Patch Changes\n\n- [#1723](https://github.com/t3-oss/create-t3-app/pull/1723) [`c116281`](https://github.com/t3-oss/create-t3-app/commit/c116281f3626ae5f05191037789d7338a8fa2e5c) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: don't pass cookies to CC\n\n- [#1728](https://github.com/t3-oss/create-t3-app/pull/1728) [`06ec5b3`](https://github.com/t3-oss/create-t3-app/commit/06ec5b37784c305d18a775b64d34cecb5de45bf2) Thanks [@Nsttt](https://github.com/Nsttt)! - fix missuse of binary expressions\n\n## 7.25.1\n\n### Patch Changes\n\n- [#1713](https://github.com/t3-oss/create-t3-app/pull/1713) [`e34b082`](https://github.com/t3-oss/create-t3-app/commit/e34b08245cc3c1288f90b289577e7c18b37acb1c) Thanks [@daikiejp](https://github.com/daikiejp)! - remove unused @types/inquirer\n\n- [#1703](https://github.com/t3-oss/create-t3-app/pull/1703) [`b6ccded`](https://github.com/t3-oss/create-t3-app/commit/b6ccdedd11b22b64e7bb6f1c55997362fa2915a4) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - update eslint setup for next 14.0.4\n\n- [#1714](https://github.com/t3-oss/create-t3-app/pull/1714) [`ba352ef`](https://github.com/t3-oss/create-t3-app/commit/ba352ef73823eb6413cf251bd7111db6fcb3a585) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: update drizzle dep to remove invalid expo peerDep\n\n- [#1707](https://github.com/t3-oss/create-t3-app/pull/1707) [`26efe48`](https://github.com/t3-oss/create-t3-app/commit/26efe482bdcb309796a2bf207c50ebc844233106) Thanks [@esize](https://github.com/esize)! - chore: update drizzle-orm and drizzle-kit\n\n- [#1708](https://github.com/t3-oss/create-t3-app/pull/1708) [`8f379b4`](https://github.com/t3-oss/create-t3-app/commit/8f379b4df75e56b98973aabcc2097b62be80d0c7) Thanks [@KATT](https://github.com/KATT)! - chore: drop `t.middleware()`\n\n## 7.25.0\n\n### Minor Changes\n\n- [#1702](https://github.com/t3-oss/create-t3-app/pull/1702) [`62fa8dc`](https://github.com/t3-oss/create-t3-app/commit/62fa8dcad2e0d3d6bad04bb6167d7580a754049c) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - update drizzle-kit and change connectionString to uri\n\n### Patch Changes\n\n- [#1690](https://github.com/t3-oss/create-t3-app/pull/1690) [`6efb99a`](https://github.com/t3-oss/create-t3-app/commit/6efb99a94f29d28243fa7c625b099995e84e4db2) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix typo in env.mjs\n\n## 7.24.2\n\n### Patch Changes\n\n- [#1687](https://github.com/t3-oss/create-t3-app/pull/1687) [`6461090`](https://github.com/t3-oss/create-t3-app/commit/6461090a029dd2094065493e513a289a1b414673) Thanks [@sinasab](https://github.com/sinasab)! - chore: reuse existing AppRouter type #1687\n\n## 7.24.1\n\n### Patch Changes\n\n- [#1673](https://github.com/t3-oss/create-t3-app/pull/1673) [`b80188e`](https://github.com/t3-oss/create-t3-app/commit/b80188eaecc64e564909ed7ee566790f5e56e59f) Thanks [@ahkhanjani](https://github.com/ahkhanjani)! - fix: Use the correct types for `prettier-plugin-tailwindcss`\n\n## 7.24.0\n\n### Minor Changes\n\n- [#1670](https://github.com/t3-oss/create-t3-app/pull/1670) [`32e0747`](https://github.com/t3-oss/create-t3-app/commit/32e0747a027be16cc36ad5bead062eea696e4012) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: trpc server caller without http\n\n### Patch Changes\n\n- [#1661](https://github.com/t3-oss/create-t3-app/pull/1661) [`ef8f99f`](https://github.com/t3-oss/create-t3-app/commit/ef8f99f65443e48284bc54699eeddc9d10c43a8c) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - update sharp\n\n- [#1667](https://github.com/t3-oss/create-t3-app/pull/1667) [`43cc10b`](https://github.com/t3-oss/create-t3-app/commit/43cc10b0e4ddd6c1b3eb175309df3aebe0571285) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: bump some deps\n\n- [#1666](https://github.com/t3-oss/create-t3-app/pull/1666) [`3317a41`](https://github.com/t3-oss/create-t3-app/commit/3317a41546728509543d8fc44a8fe715b04f09e8) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - refactor: use `type: module` for more modern setup\n\n- [#1664](https://github.com/t3-oss/create-t3-app/pull/1664) [`66213b0`](https://github.com/t3-oss/create-t3-app/commit/66213b04cf03fd7d4d0602bbb34a3de2ab703daa) Thanks [@piousdeer](https://github.com/piousdeer)! - chore: replace a `2` with `\"error\"` in eslint config\n\n## 7.23.2\n\n### Patch Changes\n\n- [#1651](https://github.com/t3-oss/create-t3-app/pull/1651) [`4834ec3`](https://github.com/t3-oss/create-t3-app/commit/4834ec3cd16c8dba4be1bcd2a9b162c37a0bc7d2) Thanks [@mattpocock](https://github.com/mattpocock)! - tidy up and modernize tsconfig\n\n## 7.23.1\n\n### Patch Changes\n\n- [#1644](https://github.com/t3-oss/create-t3-app/pull/1644) [`e6649f1`](https://github.com/t3-oss/create-t3-app/commit/e6649f18963086b2d016815e60cc9915711a85d8) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: only forward required cookie header\n\n## 7.23.0\n\n### Minor Changes\n\n- [#1628](https://github.com/t3-oss/create-t3-app/pull/1628) [`57a82d2`](https://github.com/t3-oss/create-t3-app/commit/57a82d2f4c1a34068280a1f01c1f2618af260650) Thanks [@CarlosZiegler](https://github.com/CarlosZiegler)! - Update Next to use last version (14.0.0)\n\n## 7.22.0\n\n### Minor Changes\n\n- [#1567](https://github.com/t3-oss/create-t3-app/pull/1567) [`e71bedd`](https://github.com/t3-oss/create-t3-app/commit/e71bedde0d6944fa7719a5f97cd27a1503156faa) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: add app router option\n\n- [#1595](https://github.com/t3-oss/create-t3-app/pull/1595) [`d7824e0`](https://github.com/t3-oss/create-t3-app/commit/d7824e0e2523703662b731945229e2fae88708ae) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - show callout when scaffolding with app router\n\n## 7.21.0\n\n### Minor Changes\n\n- [#1584](https://github.com/t3-oss/create-t3-app/pull/1584) [`9614d84`](https://github.com/t3-oss/create-t3-app/commit/9614d8424d810278facf012fb99d1da51d2238e6) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - bump deps and add `emptyStringAsUndefined` option for `t3-env`\n\n## 7.20.2\n\n### Patch Changes\n\n- [#1564](https://github.com/t3-oss/create-t3-app/pull/1564) [`58ee08e`](https://github.com/t3-oss/create-t3-app/commit/58ee08e850d985b5ef1b7e5bf0cc164cfaff3f3f) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: block drizzle apps when the example database url hasn't been changed yet\n\n## 7.20.1\n\n### Patch Changes\n\n- [#1561](https://github.com/t3-oss/create-t3-app/pull/1561) [`b8507dc`](https://github.com/t3-oss/create-t3-app/commit/b8507dc64ee91b8423de2ab6145cb3e7d8072528) Thanks [@Nsttt](https://github.com/Nsttt)! - Add packageManager field in package.json at app creation\n\n## 7.20.0\n\n### Minor Changes\n\n- [#1461](https://github.com/t3-oss/create-t3-app/pull/1461) [`8034db0`](https://github.com/t3-oss/create-t3-app/commit/8034db042b9ed12f5ba01c1f779c5ee77d78afc4) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: add drizzle\n\n This release adds a new option to use [`drizzle-orm`](https://orm.drizzle.team/docs/overview) as an alternative to Prisma.\n\n To make the different ORM options as similar as possible, some minor changes has also been made to the Prisma installer:\n\n - a new script `db:push` has been added and is included in both ORM options.\n - the prisma client has been renamed to `db` in the trpc context - you now access your database client like\n ```ts\n examples: publicProcedure.query((opts) => {\n // prisma\n opts.ctx.db.example.findMany()\n // drizzle\n opts.ctx.db.query.example.findMany()\n }),\n ```\n\n You cannot choose the two options in the same app.\n\n### Patch Changes\n\n- [#1461](https://github.com/t3-oss/create-t3-app/pull/1461) [`8034db0`](https://github.com/t3-oss/create-t3-app/commit/8034db042b9ed12f5ba01c1f779c5ee77d78afc4) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - refactor: swap inquirer for clack\n\n## 7.19.0\n\n### Minor Changes\n\n- [#1375](https://github.com/t3-oss/create-t3-app/pull/1375) [`d781f08`](https://github.com/t3-oss/create-t3-app/commit/d781f0861ba05aee6b3d460fc53e126868409fb5) Thanks [@Zeko369](https://github.com/Zeko369)! - feat: detect and support usage of Bun as package manager\n\n## 7.18.0\n\n### Minor Changes\n\n- [#1532](https://github.com/t3-oss/create-t3-app/pull/1532) [`941a0fc`](https://github.com/t3-oss/create-t3-app/commit/941a0fc79bcfb24c894525c93aab87c2860b2ad4) Thanks [@spicybackend](https://github.com/spicybackend)! - chore(deps): upgrade Prisma to v5.1.1, bump patch versions of other dependencies\n\n- [#1507](https://github.com/t3-oss/create-t3-app/pull/1507) [`fe5755c`](https://github.com/t3-oss/create-t3-app/commit/fe5755c2d575ce27e8e9c86e6fc79e7903af0390) Thanks [@LevinUncu](https://github.com/LevinUncu)! - If the project is not in a Git repo, the next steps will show git init instead of git commit -m \"initial commit\".\n\n## 7.17.0\n\n### Minor Changes\n\n- [#1523](https://github.com/t3-oss/create-t3-app/pull/1523) [`c441a9e`](https://github.com/t3-oss/create-t3-app/commit/c441a9ecfaeb61866a76379712b297fc6c2c36b3) Thanks [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)! - reduced stylistic linting\n\n## 7.16.0\n\n### Minor Changes\n\n- [#1476](https://github.com/t3-oss/create-t3-app/pull/1476) [`f3fd50f`](https://github.com/t3-oss/create-t3-app/commit/f3fd50fbd5dfd705507b1a2b53e8e6fd39b2dadb) Thanks [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)! - Upgraded typescript-eslint to v6, with reworked ESLint configurations\n\n- [#1508](https://github.com/t3-oss/create-t3-app/pull/1508) [`e9c862e`](https://github.com/t3-oss/create-t3-app/commit/e9c862e7e114214139f05572d62af45d87d3fc1c) Thanks [@Sn0wye](https://github.com/Sn0wye)! - chore(deps): bump prisma to v5.0.0\n\n## 7.15.0\n\n### Minor Changes\n\n- [#1484](https://github.com/t3-oss/create-t3-app/pull/1484) [`23a9d60`](https://github.com/t3-oss/create-t3-app/commit/23a9d60cd013c40d76ab96d0340425e1e3d8efa2) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - reminder to git commit after creating an application with the CLI\n\n### Patch Changes\n\n- [#1493](https://github.com/t3-oss/create-t3-app/pull/1493) [`a230d9f`](https://github.com/t3-oss/create-t3-app/commit/a230d9f7bb3a78669f2003ae9084c868f06639b7) Thanks [@dcottr](https://github.com/dcottr)! - Remove trailing newlines in generated app that aren't allowed by the generated prettier config\n\n## 7.14.1\n\n### Patch Changes\n\n- [#1479](https://github.com/t3-oss/create-t3-app/pull/1479) [`bb7324c`](https://github.com/t3-oss/create-t3-app/commit/bb7324c9503995949c61c0a5abe736c38f07b815) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - use custom error class for IsTTYError\n\n## 7.14.0\n\n### Minor Changes\n\n- [#1466](https://github.com/t3-oss/create-t3-app/pull/1466) [`e8b68d9`](https://github.com/t3-oss/create-t3-app/commit/e8b68d92af093361bf73eed7eacd7ed6848500c3) Thanks [@brunoeduardodev](https://github.com/brunoeduardodev)! - Ignore trailing slashes when prompting the app name.\n\n## 7.13.2\n\n### Patch Changes\n\n- [#1469](https://github.com/t3-oss/create-t3-app/pull/1469) [`547f504`](https://github.com/t3-oss/create-t3-app/commit/547f504b91c3da9b6419ea7f9f43d03e6c243839) Thanks [@ericshively](https://github.com/ericshively)! - Replace React.FC with basic function syntax\n\n## 7.13.1\n\n### Patch Changes\n\n- [#1436](https://github.com/t3-oss/create-t3-app/pull/1436) [`b0facee`](https://github.com/t3-oss/create-t3-app/commit/b0facee2736e3e0afc909c3d80b38499174fd84c) Thanks [@harrismcc](https://github.com/harrismcc)! - When using NextAuth but not Prisma, the session user's id is now set to `token.sub` instead of `user.id` because `user` is undefined when not using database sessions.\n\n- [#1433](https://github.com/t3-oss/create-t3-app/pull/1433) [`7fbe991`](https://github.com/t3-oss/create-t3-app/commit/7fbe991175f4da02184e0e43a5439515d1ef7439) Thanks [@FinnDore](https://github.com/FinnDore)! - fix: SKIP_ENV_VALIDATION not skipping env validation\n\n## 7.13.0\n\n### Minor Changes\n\n- [#1397](https://github.com/t3-oss/create-t3-app/pull/1397) [`be9a834`](https://github.com/t3-oss/create-t3-app/commit/be9a83483339f8bb799be7a3d69cf67e64882daf) Thanks [@brieyla1](https://github.com/brieyla1)! - feat: Added JsonProtocol as the Default Prisma Engine for Serverless speedups\n\n modified:\n\n - cli/template/extras/prisma/schema/base.prisma\n\n - cli/template/extras/prisma/schema/with-auth.prisma\n\n Description: This pull request proposes the enabling of the JsonProtocol by default. The rationale for this change is based on the performance improvements provided by the JsonProtocol without compromising stability, even though it is still a preview feature. Empirical evidence gathered from large-scale projects, with 100+ Prisma calls, demonstrates the significant time reductions enabled by this optimization, particularly in serverless environments such as Vercel. Another point worth adding is that most projects using nextJS create-t3-app will be deployed on serverless platforms such as vercel, where the real impact is.\n\n## 7.12.3\n\n### Patch Changes\n\n- [#1404](https://github.com/t3-oss/create-t3-app/pull/1404) [`48dd89a`](https://github.com/t3-oss/create-t3-app/commit/48dd89adb33ff9625dba82f6e149cf111f02e488) Thanks [@michalbundyra](https://github.com/michalbundyra)! - update nextjs dependency to ^13.4.1\n\n## 7.12.2\n\n### Patch Changes\n\n- [#1401](https://github.com/t3-oss/create-t3-app/pull/1401) [`b1a35dd`](https://github.com/t3-oss/create-t3-app/commit/b1a35dd66c5c9abab13daebfee93c08b67317272) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - temporarily pin next to fix vercel build error\n\n## 7.12.1\n\n### Patch Changes\n\n- [#1377](https://github.com/t3-oss/create-t3-app/pull/1377) [`00018ff`](https://github.com/t3-oss/create-t3-app/commit/00018ff0cbe5904f0bb37b8cb0a64814ca5f9410) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - move env validation logic out to a separate package\n\n- [#1385](https://github.com/t3-oss/create-t3-app/pull/1385) [`ac12abb`](https://github.com/t3-oss/create-t3-app/commit/ac12abb92a77d251b2c4bc72caceb422ab4ca706) Thanks [@iAverages](https://github.com/iAverages)! - Fixed issue with creating git repository with git versions below 2.28\n Fixed bug with check to use --inital-branch set in git v2.28\n\n## 7.12.0\n\n### Minor Changes\n\n- [#1370](https://github.com/t3-oss/create-t3-app/pull/1370) [`18bc6a7`](https://github.com/t3-oss/create-t3-app/commit/18bc6a73a77b0b48191792ddfd0c296b58cc8221) Thanks [@chungweileong94](https://github.com/chungweileong94)! - Enforce `NEXT_PUBLIC_` env key on client\n\n## 7.11.0\n\n### Minor Changes\n\n- [#1358](https://github.com/t3-oss/create-t3-app/pull/1358) [`1a8a97e`](https://github.com/t3-oss/create-t3-app/commit/1a8a97e42b8991596fc70e50dd6870c987a59075) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - improve boolean coercion of `SKIP_ENV_VALIDATION` environment variable\n\n If defined, \"0\" and \"false\" are now considered falsey values, all other values are considered truthy.\n\n### Patch Changes\n\n- [#1352](https://github.com/t3-oss/create-t3-app/pull/1352) [`c48b38f`](https://github.com/t3-oss/create-t3-app/commit/c48b38f522b81097e2f0e883ede053dbac620c12) Thanks [@Tungetyt](https://github.com/Tungetyt)! - refactor: make destructuring consistent\n\n## 7.10.3\n\n### Patch Changes\n\n- [#1330](https://github.com/t3-oss/create-t3-app/pull/1330) [`85997e0`](https://github.com/t3-oss/create-t3-app/commit/85997e0cc26a2ae6fbcd08458734bd6335ba467a) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: create a new object for the session callback\n\n## 7.10.2\n\n### Patch Changes\n\n- [#1329](https://github.com/t3-oss/create-t3-app/pull/1329) [`5429989`](https://github.com/t3-oss/create-t3-app/commit/54299895517d3c406637efec8f0512cf1ba2da5a) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - temporarily pin next-auth version\n\n- [#1321](https://github.com/t3-oss/create-t3-app/pull/1321) [`7fcb41c`](https://github.com/t3-oss/create-t3-app/commit/7fcb41c95d24567040b72409a576d8c694f910a1) Thanks [@JingLi1998](https://github.com/JingLi1998)! - Update the type for global prisma instance\n\n## 7.10.1\n\n### Patch Changes\n\n- [#1312](https://github.com/t3-oss/create-t3-app/pull/1312) [`2fb3a51`](https://github.com/t3-oss/create-t3-app/commit/2fb3a51b8b91cf2eb992a3af49ff52588f1e9c95) Thanks [@FinnDore](https://github.com/FinnDore)! - feat: bumped tailwind from 3.2.7 -> 3.3.0\n\n## 7.10.0\n\n### Minor Changes\n\n- [#1295](https://github.com/t3-oss/create-t3-app/pull/1295) [`d0a8143`](https://github.com/t3-oss/create-t3-app/commit/d0a8143587c935819790521533e7cfa0862d300c) Thanks [@iAverages](https://github.com/iAverages)! - Replace Git Bash check with Mintty check\n\n### Patch Changes\n\n- [#1304](https://github.com/t3-oss/create-t3-app/pull/1304) [`2cb41e6`](https://github.com/t3-oss/create-t3-app/commit/2cb41e676f01d4e8bfb8c7fc41bf0d5c4a1c0689) Thanks [@PiotrekPKP](https://github.com/PiotrekPKP)! - fix: replace trpc links\n\n## 7.9.0\n\n### Minor Changes\n\n- [#1284](https://github.com/t3-oss/create-t3-app/pull/1284) [`a2af1a2`](https://github.com/t3-oss/create-t3-app/commit/a2af1a2b7d4fd3005f8efe0e297b871d6b1747ff) Thanks [@michalbundyra](https://github.com/michalbundyra)! - chore: bump typescript - 5.0.2\n\n## 7.8.0\n\n### Minor Changes\n\n- [#1273](https://github.com/t3-oss/create-t3-app/pull/1273) [`10a5e0b`](https://github.com/t3-oss/create-t3-app/commit/10a5e0b2fe91b887526960515c6422791a77c724) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: add errorformatter for zod errors\n\n### Patch Changes\n\n- [#1263](https://github.com/t3-oss/create-t3-app/pull/1263) [`8dc6e33`](https://github.com/t3-oss/create-t3-app/commit/8dc6e33ea149851de97f84e8d8388accdd5547d9) Thanks [@mkreuzmayr](https://github.com/mkreuzmayr)! - search for tsconfig relative to eslintrc\n\n- [#1279](https://github.com/t3-oss/create-t3-app/pull/1279) [`ae5cd40`](https://github.com/t3-oss/create-t3-app/commit/ae5cd405c9d5bb672e3971c496d437a7a05b3f8f) Thanks [@arielconti10](https://github.com/arielconti10)! - fix: remove //@ts-check comment in next.config\n\n## 7.7.0\n\n### Minor Changes\n\n- [#1268](https://github.com/t3-oss/create-t3-app/pull/1268) [`db394ed`](https://github.com/t3-oss/create-t3-app/commit/db394edf396288dd754f5743ae2fe26a39c70ef5) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - ignore unused vars that begin with underscore\n\n## 7.6.0\n\n### Minor Changes\n\n- [#1255](https://github.com/t3-oss/create-t3-app/pull/1255) [`601cbb2`](https://github.com/t3-oss/create-t3-app/commit/601cbb23075cd33170c5b3ea2b1b0dbb0f2d5716) Thanks [@justasam](https://github.com/justasam)! - Add import alias validation\n\n## 7.5.9\n\n### Patch Changes\n\n- [#1252](https://github.com/t3-oss/create-t3-app/pull/1252) [`d8be181`](https://github.com/t3-oss/create-t3-app/commit/d8be181fd71dafba8c4c1358fea38b70bca8171a) Thanks [@ggrochow](https://github.com/ggrochow)! - Rename \\_eslint.cjs before intializing git repo to ensure .eslint.cjs is added by default\n\n## 7.5.8\n\n### Patch Changes\n\n- [#1249](https://github.com/t3-oss/create-t3-app/pull/1249) [`2432d76`](https://github.com/t3-oss/create-t3-app/commit/2432d76acb337e215743e712d12969b141b22879) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: bump nextjs\n\n## 7.5.7\n\n### Patch Changes\n\n- [#1232](https://github.com/t3-oss/create-t3-app/pull/1232) [`9c82f86`](https://github.com/t3-oss/create-t3-app/commit/9c82f862f5f5227c48e355a8fc31f83d88b0baeb) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: bind configs to variables before exporting to make sure typeerrors are reported\n\n## 7.5.6\n\n### Patch Changes\n\n- [#1222](https://github.com/t3-oss/create-t3-app/pull/1222) [`7baa339`](https://github.com/t3-oss/create-t3-app/commit/7baa339b36b40760443083e0a378d8fe04dddb40) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: detect and handle git bash environment\n\n## 7.5.5\n\n### Patch Changes\n\n- [#1218](https://github.com/t3-oss/create-t3-app/pull/1218) [`4f8d41a`](https://github.com/t3-oss/create-t3-app/commit/4f8d41ae2f41bef197cab13a332034e0ddffc955) Thanks [@bai](https://github.com/bai)! - feat: change eslint config to use `.cjs` format and typecheck it\n\n- [#1217](https://github.com/t3-oss/create-t3-app/pull/1217) [`55c87af`](https://github.com/t3-oss/create-t3-app/commit/55c87af37f64fbf778a5091b9cca75f9c9546468) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: add autofix to eslint type rule\n\n## 7.5.4\n\n### Patch Changes\n\n- [#1191](https://github.com/t3-oss/create-t3-app/pull/1191) [`aabb9a4`](https://github.com/t3-oss/create-t3-app/commit/aabb9a41aa8acce4b3b02e2341b83cd78b802924) Thanks [@bai](https://github.com/bai)! - Use ~/\\* import alias\n\n## 7.5.3\n\n### Patch Changes\n\n- [#1213](https://github.com/t3-oss/create-t3-app/pull/1213) [`ab3c7cb`](https://github.com/t3-oss/create-t3-app/commit/ab3c7cb4d4e78ab646a645bc28b4fe3496ba7831) Thanks [@michalbundyra](https://github.com/michalbundyra)! - fix: update comment regarding schema definition of env vars\n\n## 7.5.2\n\n### Patch Changes\n\n- [#1189](https://github.com/t3-oss/create-t3-app/pull/1189) [`bf12635`](https://github.com/t3-oss/create-t3-app/commit/bf1263576866116a904f3d1fa741c5496a535cb9) Thanks [@p13lgst](https://github.com/p13lgst)! - fix: remove ts-ignores on env.mjs\n\n## 7.5.1\n\n### Patch Changes\n\n- [#1187](https://github.com/t3-oss/create-t3-app/pull/1187) [`e111fb5`](https://github.com/t3-oss/create-t3-app/commit/e111fb5cb816de9b2d87bdf4ffcf84f446fd2023) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - remove old env files\n\n## 7.5.0\n\n### Minor Changes\n\n- [#1092](https://github.com/t3-oss/create-t3-app/pull/1092) [`aa44574`](https://github.com/t3-oss/create-t3-app/commit/aa44574680bf380cf4cf7f255fb547e5d9ced7d7) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - single env file\n\n### Patch Changes\n\n- [#1171](https://github.com/t3-oss/create-t3-app/pull/1171) [`efe8b7f`](https://github.com/t3-oss/create-t3-app/commit/efe8b7f54cf0fe5448dc52118745668ae4913547) Thanks [@esotuvaka](https://github.com/esotuvaka)! - fix: swap `@ts-check` comments to `checkJs: true` in scaffolded app's tsconfig\n\n## 7.4.1\n\n### Patch Changes\n\n- [#1155](https://github.com/t3-oss/create-t3-app/pull/1155) [`90955a5`](https://github.com/t3-oss/create-t3-app/commit/90955a50390eee8a23e1c1b35e10c860e4341fed) Thanks [@christopher-kapic](https://github.com/christopher-kapic)! - Change unstable_getServerSession to match the updated getServerSession from next-auth (introduced in next-auth 4.19.0)\n\n## 7.4.0\n\n### Minor Changes\n\n- [#1136](https://github.com/t3-oss/create-t3-app/pull/1136) [`715f6e8`](https://github.com/t3-oss/create-t3-app/commit/715f6e8e795685c054145149acff427a1b46172f) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: colocate auth config/dts/session-getter into a single file\n\n- [#1134](https://github.com/t3-oss/create-t3-app/pull/1134) [`4cb2e4e`](https://github.com/t3-oss/create-t3-app/commit/4cb2e4e5020f93636889499bf71029ce7fcb5fce) Thanks [@PiotrekPKP](https://github.com/PiotrekPKP)! - feat: added package installation progress\n\n### Patch Changes\n\n- [#1131](https://github.com/t3-oss/create-t3-app/pull/1131) [`ab0790e`](https://github.com/t3-oss/create-t3-app/commit/ab0790e95194291cab65dee458982a2b637a4d15) Thanks [@bastibuck](https://github.com/bastibuck)! - fix: fix types of serverEnv and clientEnv\n\n- [#1140](https://github.com/t3-oss/create-t3-app/pull/1140) [`fc445bf`](https://github.com/t3-oss/create-t3-app/commit/fc445bfaa72e2de2880fb286cee71ff2b26a72a6) Thanks [@Zamiell](https://github.com/Zamiell)! - chore: add descriptive comments and format .env prettier\n\n## 7.3.2\n\n### Patch Changes\n\n- [#1097](https://github.com/t3-oss/create-t3-app/pull/1097) [`2ed36cd`](https://github.com/t3-oss/create-t3-app/commit/2ed36cd624cba2032ba70c465cd47c49a962bb0d) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: bump nextjs and add a note about appDir+i18n being incompat\n\n## 7.3.1\n\n### Patch Changes\n\n- [#1084](https://github.com/t3-oss/create-t3-app/pull/1084) [`7490a34`](https://github.com/t3-oss/create-t3-app/commit/7490a34a3f46d8e912f996843d27ae5933f26164) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix: undo env changes\n\n## 7.3.0\n\n### Minor Changes\n\n- [#1071](https://github.com/t3-oss/create-t3-app/pull/1071) [`34d6c5b`](https://github.com/t3-oss/create-t3-app/commit/34d6c5b0431ea7baa922a27768d0c82b05c12bdc) Thanks [@ JacobADevore](https://github.com/JacobADevore)! - feat: automatically destructure env objects\n\n## 7.2.0\n\n### Minor Changes\n\n- [#1021](https://github.com/t3-oss/create-t3-app/pull/1021) [`78dfdc9`](https://github.com/t3-oss/create-t3-app/commit/78dfdc9b480ea19ac90270827653400e31300e6e) Thanks [@iduuck](https://github.com/iduuck)! - construct `serverEnv`, like we do with `clientEnv` #1000\n\n### Patch Changes\n\n- [#1060](https://github.com/t3-oss/create-t3-app/pull/1060) [`a8cc106`](https://github.com/t3-oss/create-t3-app/commit/a8cc106c3ef507e275f38c09a5d6a7a14336c254) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: cleanup context type in `initTRPC`\n\n## 7.1.0\n\n### Minor Changes\n\n- [#1036](https://github.com/t3-oss/create-t3-app/pull/1036) [`c5ca65e`](https://github.com/t3-oss/create-t3-app/commit/c5ca65e03e2a9d1c3c7f6844eb678402b0fa8993) Thanks [@JoshuaKGoldberg](https://github.com/JoshuaKGoldberg)! - use typescript-eslint's recommended-required-type-checking\n\n## 7.0.2\n\n### Patch Changes\n\n- [#1056](https://github.com/t3-oss/create-t3-app/pull/1056) [`c6704fb`](https://github.com/t3-oss/create-t3-app/commit/c6704fbeef1473e77ad62543770f1804645389a8) Thanks [@prashantrahul141](https://github.com/prashantrahul141)! - fix: update `package.json->name` before installing dependencies.\n\n## 7.0.1\n\n### Patch Changes\n\n- [#1043](https://github.com/t3-oss/create-t3-app/pull/1043) [`6fe7e1e`](https://github.com/t3-oss/create-t3-app/commit/6fe7e1e1025f46ea8fe6cc82bee7a68e96864078) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix(cli): exit with error code when aborting installation\n fix(cli): don't log when scaffolding in current directory and it's empty\n\n## 7.0.0\n\n### Major Changes\n\n- [#934](https://github.com/t3-oss/create-t3-app/pull/934) [`c20ec70`](https://github.com/t3-oss/create-t3-app/commit/c20ec705a6d3d3005da24d072cc9be04370ab822) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat!: implement new folder structure\n\n create-t3-app has decided to switch out the folder structure of the generated t3-app to, what is to us, a more minimal, logical and easier to understand structure.\n\n## 6.12.0\n\n### Minor Changes\n\n- [#1031](https://github.com/t3-oss/create-t3-app/pull/1031) [`61ba991`](https://github.com/t3-oss/create-t3-app/commit/61ba991ea92f5eb3e971d34769df0ba470310990) Thanks [@complexengine](https://github.com/complexengine)! - The CLI now stages the files on project initialization.\n\n## 6.11.6\n\n### Patch Changes\n\n- [#1024](https://github.com/t3-oss/create-t3-app/pull/1024) [`fcf59b0`](https://github.com/t3-oss/create-t3-app/commit/fcf59b077d80fdf0728ab7a4ea12a4b3b5521da3) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: allow dot name in name prompt\n\n## 6.11.5\n\n### Patch Changes\n\n- [#1010](https://github.com/t3-oss/create-t3-app/pull/1010) [`9eddbab`](https://github.com/t3-oss/create-t3-app/commit/9eddbabb9e045b2a8a668ec1389218020360b305) Thanks [@maxmellen](https://github.com/maxmellen)! - chore(create-t3-app): add @types/prettier package to tailwind installer and bump prettier versions\n\n## 6.11.4\n\n### Patch Changes\n\n- [#981](https://github.com/t3-oss/create-t3-app/pull/981) [`ac32b6d`](https://github.com/t3-oss/create-t3-app/commit/ac32b6d09df6d7b3620a41ace8cd2612bd909cc8) Thanks [@balazsorban44](https://github.com/balazsorban44)! - fix(cli): prompt TS first\n\n## 6.11.3\n\n### Patch Changes\n\n- [#939](https://github.com/t3-oss/create-t3-app/pull/939) [`77cfb4b`](https://github.com/t3-oss/create-t3-app/commit/77cfb4bd156ca3d97cbb70cf51ec8e12a632bd64) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - use next-auth 4.18.3 and undo hotfix\n\n- [#932](https://github.com/t3-oss/create-t3-app/pull/932) [`c04a35a`](https://github.com/t3-oss/create-t3-app/commit/c04a35a2b215c8537cf7f0d9ff9760c831720514) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix next-auth error\n\n## 6.11.2\n\n### Patch Changes\n\n- [#917](https://github.com/t3-oss/create-t3-app/pull/917) [`eb55d19`](https://github.com/t3-oss/create-t3-app/commit/eb55d19ae0204f6e61fb65b82057b93ed485e880) Thanks [@sharkby7e](https://github.com/sharkby7e)! - feat: add blank target to base template\n\n## 6.11.1\n\n### Patch Changes\n\n- [#914](https://github.com/t3-oss/create-t3-app/pull/914) [`1037d14`](https://github.com/t3-oss/create-t3-app/commit/1037d1472764080a5641d657cac75adec2bbd3f1) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - temporarily pin next-auth\n\n## 6.11.0\n\n### Minor Changes\n\n- [#901](https://github.com/t3-oss/create-t3-app/pull/901) [`9b6ae5c`](https://github.com/t3-oss/create-t3-app/commit/9b6ae5cc1c8fe85becd367d36b61828b06a0a6a9) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - include env files in all apps\n\n### Patch Changes\n\n- [#895](https://github.com/t3-oss/create-t3-app/pull/895) [`91362db`](https://github.com/t3-oss/create-t3-app/commit/91362db87a50fe7f09807aa9950acc5c60ba80dc) Thanks [@Mvmo](https://github.com/Mvmo)! - When initializing a new git repo the git config value 'init.defaultBranch' will be used as the branch name\n\n- [#897](https://github.com/t3-oss/create-t3-app/pull/897) [`272b954`](https://github.com/t3-oss/create-t3-app/commit/272b9547f42f70df3c24dc9d438a7cd88a244773) Thanks [@AyanavaKarmakar](https://github.com/AyanavaKarmakar)! - fix(cli): fix wrong prompt when setting up project name\n\n## 6.10.3\n\n### Patch Changes\n\n- [#869](https://github.com/t3-oss/create-t3-app/pull/869) [`cd93b98`](https://github.com/t3-oss/create-t3-app/commit/cd93b98d00e559721da0674b81978a00870e68ff) Thanks [@meech-ward](https://github.com/meech-ward)! - docs: add notes about env vars\n\n- [#878](https://github.com/t3-oss/create-t3-app/pull/878) [`9abaf80`](https://github.com/t3-oss/create-t3-app/commit/9abaf80d20620e3399c3a1ae51e06a41e2990e28) Thanks [@AyanavaKarmakar](https://github.com/AyanavaKarmakar)! - feat: update scaffolded README.md\n\n- [#845](https://github.com/t3-oss/create-t3-app/pull/845) [`c387187`](https://github.com/t3-oss/create-t3-app/commit/c38718768661944807daee92b21aae2789649ecb) Thanks [@GabrielPedroza](https://github.com/gabrielpedroza)! - fix: typo in env-schema comments\n\n## 6.10.2\n\n### Patch Changes\n\n- [#834](https://github.com/t3-oss/create-t3-app/pull/834) [`3ace6c8`](https://github.com/t3-oss/create-t3-app/commit/3ace6c8149b01d68c1503c6b3087f2a8e5ebc865) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - use trpc 10.0.0\n\n## 6.10.1\n\n### Patch Changes\n\n- [#784](https://github.com/t3-oss/create-t3-app/pull/784) [`f10ce0e`](https://github.com/t3-oss/create-t3-app/commit/f10ce0e9badd3ad6ed45b8dca272bdfc5fbfbff6) Thanks [@AyanavaKarmakar](https://github.com/AyanavaKarmakar)! - fix(t3-app): fix broken links\n\n- [#786](https://github.com/t3-oss/create-t3-app/pull/786) [`4d70f04`](https://github.com/t3-oss/create-t3-app/commit/4d70f048955cd75aa67f0ba91fd5cec5d0311d08) Thanks [@skuridin](https://github.com/skuridin)! - Add next-env.d.ts to .gitignore\n\n- [#800](https://github.com/t3-oss/create-t3-app/pull/800) [`d5d5a2f`](https://github.com/t3-oss/create-t3-app/commit/d5d5a2f7503cf9d7c3bfab4609aeb6a0188d6af1) Thanks [@HatulaPro](https://github.com/HatulaPro)! - fix: removing redundant optional chaining in templates\n\n## 6.10.0\n\n### Minor Changes\n\n- [#711](https://github.com/t3-oss/create-t3-app/pull/711) [`da760c7`](https://github.com/t3-oss/create-t3-app/commit/da760c7d4b96fb783ca1621aed933d63f0d51d4e) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - create new index pages\n\n### Patch Changes\n\n- [#754](https://github.com/t3-oss/create-t3-app/pull/754) [`b6cdcb3`](https://github.com/t3-oss/create-t3-app/commit/b6cdcb3f21feeec6153601d420177b0ada490f2e) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - fix: rename example env file\n\n## 6.9.0\n\n### Minor Changes\n\n- [#727](https://github.com/t3-oss/create-t3-app/pull/727) [`57cb2b5`](https://github.com/t3-oss/create-t3-app/commit/57cb2b5881c31182acc6918cf86330dda26d0586) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: add warning message when not using latest\n\n## 6.8.1\n\n### Patch Changes\n\n- [#717](https://github.com/t3-oss/create-t3-app/pull/717) [`7f8e706`](https://github.com/t3-oss/create-t3-app/commit/7f8e70643c3de0ba8c457833a54c4700bd974816) Thanks [@robotkutya](https://github.com/robotkutya)! - feat: update NEXTAUTH_SECRET validator and set a default\n\n- [#719](https://github.com/t3-oss/create-t3-app/pull/719) [`b359802`](https://github.com/t3-oss/create-t3-app/commit/b359802f128297f0048ae587453031d05e49b566) Thanks [@AyanavaKarmakar](https://github.com/AyanavaKarmakar)! - fix: update NEXTAUTH_SECRET validator to be optional in dev\n\n## 6.8.0\n\n### Minor Changes\n\n- [#673](https://github.com/t3-oss/create-t3-app/pull/673) [`44a107b`](https://github.com/t3-oss/create-t3-app/commit/44a107b8d5345023bafc8a773322e5ee39ba8580) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - remove node 18 and next 13 checks\n\n### Patch Changes\n\n- [#684](https://github.com/t3-oss/create-t3-app/pull/684) [`a707c4b`](https://github.com/t3-oss/create-t3-app/commit/a707c4ba9ffedb8991fc14976e352ff83f4502ac) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: version bumps\n\n## 6.7.0\n\n### Minor Changes\n\n- [#667](https://github.com/t3-oss/create-t3-app/pull/667) [`fde5b76`](https://github.com/t3-oss/create-t3-app/commit/fde5b7628860b305c95f70f5cc42ae3c37ad59a9) Thanks [@Pegasust](https://github.com/Pegasust)! - Add documentation on how to generate NEXTAUTH_SECRET in .env file for clarity\n\n- [#675](https://github.com/t3-oss/create-t3-app/pull/675) [`5d20745`](https://github.com/t3-oss/create-t3-app/commit/5d207453497c327b5c54cd3a55c824d59b80effe) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - only try to get secret message if there is a user\n\n### Patch Changes\n\n- [#676](https://github.com/t3-oss/create-t3-app/pull/676) [`a497e47`](https://github.com/t3-oss/create-t3-app/commit/a497e4765b17e686482ef5b5701766b2299ea0b2) Thanks [@nexxeln](https://github.com/nexxeln)! - update next to 13.0.1\n\n- [#654](https://github.com/t3-oss/create-t3-app/pull/654) [`3dfc27d`](https://github.com/t3-oss/create-t3-app/commit/3dfc27d7edc8dfedee6ed06e9b381cbd791ae0e7) Thanks [@nexxeln](https://github.com/nexxeln)! - Make experimental flags booleans and not require the name to be \"double passed\"\n\n## 6.6.0\n\n### Minor Changes\n\n- [#657](https://github.com/t3-oss/create-t3-app/pull/657) [`f1673eb`](https://github.com/t3-oss/create-t3-app/commit/f1673ebbf58033746b9a020b7f0b72d976988f84) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: update dependency Next.js to 13\n\n## 6.5.2\n\n### Patch Changes\n\n- [#649](https://github.com/t3-oss/create-t3-app/pull/649) [`6a21032`](https://github.com/t3-oss/create-t3-app/commit/6a210329136d089d61d41acaf99519223003f606) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - chore: version bumps\n\n## 6.5.1\n\n### Patch Changes\n\n- [#642](https://github.com/t3-oss/create-t3-app/pull/642) [`9639419`](https://github.com/t3-oss/create-t3-app/commit/9639419f1f24f8c3f5418680d9d8a214e16c8cd6) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - get next-auth to work with node 18\n\n## 6.5.0\n\n### Minor Changes\n\n- [#623](https://github.com/t3-oss/create-t3-app/pull/623) [`cf99211`](https://github.com/t3-oss/create-t3-app/commit/cf992110e7d7e741e56561a728ee0f2dee6fc614) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - consistent cli text color\n\n### Patch Changes\n\n- [#619](https://github.com/t3-oss/create-t3-app/pull/619) [`1122720`](https://github.com/t3-oss/create-t3-app/commit/112272083e6130209bfbac0cd350e985dcd9f19f) Thanks [@nexxeln](https://github.com/nexxeln)! - Added `createdAt` and `updatedAt` fields to the Example model in the Prisma schema.\n\n- [#621](https://github.com/t3-oss/create-t3-app/pull/621) [`1cc6735`](https://github.com/t3-oss/create-t3-app/commit/1cc67350c626db3c67f012a84d1a73a7a0f03a91) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix git spinner\n\n## 6.4.0\n\n### Minor Changes\n\n- [#613](https://github.com/t3-oss/create-t3-app/pull/613) [`135ee5b`](https://github.com/t3-oss/create-t3-app/commit/135ee5b469c575e3fa0d7729a9a545811cc9cf74) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - add inference helper for v10\n\n### Patch Changes\n\n- [#611](https://github.com/t3-oss/create-t3-app/pull/611) [`78a0da3`](https://github.com/t3-oss/create-t3-app/commit/78a0da3d08b9e4468fecbae29cccde7ec43801ab) Thanks [@nexxeln](https://github.com/nexxeln)! - fix(cli): make `installDependencies` step async to make loader spin\n\n## 6.3.0\n\n### Minor Changes\n\n- [#606](https://github.com/t3-oss/create-t3-app/pull/606) [`7f73518`](https://github.com/t3-oss/create-t3-app/commit/7f73518b488b0391f19c8d4d31f583e2be71195a) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - rename index.ts to \\_app.ts\n\n## 6.2.1\n\n### Patch Changes\n\n- [#602](https://github.com/t3-oss/create-t3-app/pull/602) [`9f86e39`](https://github.com/t3-oss/create-t3-app/commit/9f86e391fded7bb196ac40b83ac633d996bf035f) Thanks [@nexxeln](https://github.com/nexxeln)! - feat(template): add prettier.Config type to prettier config and resolve prettier-plugin-tailwindcss import\n\n## 6.2.0\n\n### Minor Changes\n\n- [#581](https://github.com/t3-oss/create-t3-app/pull/581) [`dd0e172`](https://github.com/t3-oss/create-t3-app/commit/dd0e172579d0436f5bdb5d29b721dd55362f620e) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - export helper procedures for trpc instead of the `t`-object\n\n## 6.1.2\n\n### Patch Changes\n\n- [#593](https://github.com/t3-oss/create-t3-app/pull/593) [`c8e2753`](https://github.com/t3-oss/create-t3-app/commit/c8e2753b916d15f3ce1103e7fa89dbd046150474) Thanks [@nexxeln](https://github.com/nexxeln)! - chore(template): remove the mention of @next in template readme\n\n## 6.1.1\n\n### Patch Changes\n\n- [#591](https://github.com/t3-oss/create-t3-app/pull/591) [`c90a695`](https://github.com/t3-oss/create-t3-app/commit/c90a6957de7a644e1669762c7a0d19bfbd300715) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - bump next-auth dependency to ^4.12\n\n## 6.1.0\n\n### Minor Changes\n\n- [#582](https://github.com/t3-oss/create-t3-app/pull/582) [`e562ee8`](https://github.com/t3-oss/create-t3-app/commit/e562ee89401307d92177573a9ead1b45373b63c7) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - move prettier from base to tailwind installer\n\n- [#587](https://github.com/t3-oss/create-t3-app/pull/587) [`8c0267f`](https://github.com/t3-oss/create-t3-app/commit/8c0267f98bb7c71e0d90644a9f6af97f1599c723) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - Add .env-example to scaffolded app\n\n## 6.0.1\n\n### Patch Changes\n\n- [#578](https://github.com/t3-oss/create-t3-app/pull/578) [`befc7f4`](https://github.com/t3-oss/create-t3-app/commit/befc7f4f74faeb1538cb6cad6191a1849bf34987) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - upgrade trpc to beta.15 and typescript to 4.8.4\n\n## 6.0.0\n\n### Major Changes\n\n- [#575](https://github.com/t3-oss/create-t3-app/pull/575) [`75fcb49`](https://github.com/t3-oss/create-t3-app/commit/75fcb49f338fbf783a1b157332a803f7c51048c6) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - upgrades trpc to v10 and improves cli performance by making it synchronous\n\n### Minor Changes\n\n- [#575](https://github.com/t3-oss/create-t3-app/pull/575) [`75fcb49`](https://github.com/t3-oss/create-t3-app/commit/75fcb49f338fbf783a1b157332a803f7c51048c6) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - enable vercel_url to pass default env-schema\n\n## 5.15.0\n\n### Minor Changes\n\n- [#533](https://github.com/t3-oss/create-t3-app/pull/533) [`a3a168a`](https://github.com/t3-oss/create-t3-app/commit/a3a168a5a2c54a51e841b2fce5786ec94d72b0fb) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - Tailor .env to only include relevant keys\n\n## 5.14.1\n\n### Patch Changes\n\n- [#510](https://github.com/t3-oss/create-t3-app/pull/510) [`39d766d`](https://github.com/t3-oss/create-t3-app/commit/39d766d3b384c3420c6c058c27be775e961a9319) Thanks [@EkkoKo](https://github.com/EkkoKo)! - fix: resolve target area of `Documentation` links in TechnologyCard\n\n## 5.14.0\n\n### Minor Changes\n\n- [#517](https://github.com/t3-oss/create-t3-app/pull/517) [`2b434bb`](https://github.com/t3-oss/create-t3-app/commit/2b434bb181dc346f299591ddf5465d3175df5c07) Thanks [@gabrielelpidio](https://github.com/gabrielelpidio)! - Add prettier and prettier-plugin-tailwindcss\n\n## 5.13.1\n\n### Patch Changes\n\n- [#506](https://github.com/t3-oss/create-t3-app/pull/506) [`f371ef8`](https://github.com/t3-oss/create-t3-app/commit/f371ef8f0b64205cbbfb5dc6f3416da01a673a71) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - temp fix for next-auth peer deps issue\n\n## 5.13.0\n\n### Minor Changes\n\n- [#485](https://github.com/t3-oss/create-t3-app/pull/485) [`ecc7642`](https://github.com/t3-oss/create-t3-app/commit/ecc764264eff0cf5062fee4f7e4bd9f75975ef41) Thanks [@nexxeln](https://github.com/nexxeln)! - bump next to 12.3.1 and fix AppType\n\n## 5.12.0\n\n### Minor Changes\n\n- [#446](https://github.com/t3-oss/create-t3-app/pull/446) [`6f63ec6`](https://github.com/t3-oss/create-t3-app/commit/6f63ec65201a077e534ec89c4ef18bfa07a30331) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - feat: better cli text when scaffolding in '.'\n\n## 5.11.0\n\n### Minor Changes\n\n- [#430](https://github.com/t3-oss/create-t3-app/pull/430) [`306777a`](https://github.com/t3-oss/create-t3-app/commit/306777a5513c365dfb3525c1484459236734a289) Thanks [@benmarg](https://github.com/benmarg)! - feat: direct developer to add schema from .env to schema.mjs for zod validation\n\n### Patch Changes\n\n- [#416](https://github.com/t3-oss/create-t3-app/pull/416) [`14b6d4a`](https://github.com/t3-oss/create-t3-app/commit/14b6d4a0764f57ece45749724c5b12a85544733e) Thanks [@xpressivecode](https://github.com/xpressivecode)! - fix(template): missing ctx when using ssr with trpc\n\n## 5.10.3\n\n### Patch Changes\n\n- [#419](https://github.com/t3-oss/create-t3-app/pull/419) [`554de8f`](https://github.com/t3-oss/create-t3-app/commit/554de8f2838a8d539d81bcb520f121a7e14e3c84) Thanks [@sor4chi](https://github.com/sor4chi)! - Remove unnecessary singlequote in tailwind classname\n\n## 5.10.2\n\n### Patch Changes\n\n- [#387](https://github.com/t3-oss/create-t3-app/pull/387) [`0f8f59c`](https://github.com/t3-oss/create-t3-app/commit/0f8f59c30155ddf4f6be90f3713ff5d5379f0cbb) Thanks [@Vallerem](https://github.com/Vallerem)! - feat: add basic i18n configuration in next.config\n\n## 5.10.1\n\n### Patch Changes\n\n- [#396](https://github.com/t3-oss/create-t3-app/pull/396) [`30f3db6`](https://github.com/t3-oss/create-t3-app/commit/30f3db64c3a81475488c712fa16682076ba3f18b) Thanks [@rhenriquez28](https://github.com/rhenriquez28)! - fixing ssr by forwarding client's headers\n\n## 5.10.0\n\n### Minor Changes\n\n- [#388](https://github.com/t3-oss/create-t3-app/pull/388) [`86d053c`](https://github.com/t3-oss/create-t3-app/commit/86d053c440ed3c5d5101faf8d73574b6d24bf99e) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - feat: non-tw index.tsx with styling\n\n* [#381](https://github.com/t3-oss/create-t3-app/pull/381) [`773b27e`](https://github.com/t3-oss/create-t3-app/commit/773b27e1399970992e232975830d327100316e74) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - feat: include all cards on all index.tsx files\n\n- [#383](https://github.com/t3-oss/create-t3-app/pull/383) [`e05bc3d`](https://github.com/t3-oss/create-t3-app/commit/e05bc3da9867fcf8d8262b4e8dd976565650cf8f) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - add safeguards for overwriting git repos\n\n* [#375](https://github.com/t3-oss/create-t3-app/pull/375) [`296c79b`](https://github.com/t3-oss/create-t3-app/commit/296c79b9617142d727a12e9a5c4250f68f437d9d) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - feat: add option to continue and overwrite on existing directory\n\n for reference see: https://github.com/t3-oss/create-t3-app/issues/230\n\n### Patch Changes\n\n- [#394](https://github.com/t3-oss/create-t3-app/pull/394) [`52e9db7`](https://github.com/t3-oss/create-t3-app/commit/52e9db7be8eacbb1e0bb2196647f646f8af617ea) Thanks [@nadilas](https://github.com/nadilas)! - Extending the warning message for invalid client environment variables by including the reason\n\n## 5.9.0\n\n### Minor Changes\n\n- [#366](https://github.com/t3-oss/create-t3-app/pull/366) [`1f43f83`](https://github.com/t3-oss/create-t3-app/commit/1f43f83261c0e6f91b6af0fb39f579845889b724) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - Thanks [@hnqg](https://github.com/hnqg) for the initial PR. add wrapper function for unstable_getServerSession\n\n## 5.8.5\n\n### Patch Changes\n\n- [#357](https://github.com/t3-oss/create-t3-app/pull/357) [`b032074`](https://github.com/t3-oss/create-t3-app/commit/b03207434484d7ec3411b2d7c062a22cf425badc) Thanks [@virtuoushub](https://github.com/virtuoushub)! - chore: Sort package.json when in noInstallMode\n\n* [#365](https://github.com/t3-oss/create-t3-app/pull/365) [`b3ce004`](https://github.com/t3-oss/create-t3-app/commit/b3ce004affb9474e53e845e8507f676e3a771de0) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - revert prisma cleint teardown from #353\n\n## 5.8.4\n\n### Patch Changes\n\n- [#353](https://github.com/t3-oss/create-t3-app/pull/353) [`7a20de9`](https://github.com/t3-oss/create-t3-app/commit/7a20de9f19dfd9ae64143da112a4e3e1bfe30f52) Thanks [@Gejsi](https://github.com/Gejsi)! - Added loggers during development\n\n## 5.8.3\n\n### Patch Changes\n\n- [#345](https://github.com/t3-oss/create-t3-app/pull/345) [`8ee2ea0`](https://github.com/t3-oss/create-t3-app/commit/8ee2ea0c6ca4e49f2bb9b0f5c988471947c8a7ff) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - Include `cjs` and `mjs` files in tsconfig. Thanks @timfee for reporting!\n\n## 5.8.2\n\n### Patch Changes\n\n- [#330](https://github.com/t3-oss/create-t3-app/pull/330) [`5ba03fd`](https://github.com/t3-oss/create-t3-app/commit/5ba03fdf801265668c7bb89b757840ef1f8410f8) Thanks [@nexxeln](https://github.com/nexxeln)! - use auth instead of question while merging the router\n\n## 5.8.1\n\n### Patch Changes\n\n- [#335](https://github.com/t3-oss/create-t3-app/pull/335) [`5745ad7`](https://github.com/t3-oss/create-t3-app/commit/5745ad796ed5647a7103bfb91e16f981152bcbe5) Thanks [@julianread](https://github.com/julianread)! - Fix invalid typeof window comparison to undefined\n\n* [#334](https://github.com/t3-oss/create-t3-app/pull/334) [`a107f14`](https://github.com/t3-oss/create-t3-app/commit/a107f14c5981a233d118252a57066bdf1938b96c) Thanks [@c-ehrlich](https://github.com/c-ehrlich)! - fix: build fails on trpc, trpc+next\n\n## 5.8.0\n\n### Minor Changes\n\n- [#324](https://github.com/t3-oss/create-t3-app/pull/324) [`fb5498c`](https://github.com/t3-oss/create-t3-app/commit/fb5498ceda6d3c528c2fe4e9a5ba4adf3dd36b10) Thanks [@juliusmarminge](https://github.com/juliusmarminge)! - feat: wrap createContext with helper function to make it independent of req/res\n\n## 5.7.0\n\n### Minor Changes\n\n- 7a76c95: feat(app): add lint config for typescript\n\n## [5.6.0](https://github.com/t3-oss/create-t3-app/compare/v5.5.0...v5.6.0) (2022-08-11)\n\n### Features\n\n- Include ct3a version as metadata in generated app ([#305](https://github.com/t3-oss/create-t3-app/issues/305)) ([0be4a97](https://github.com/t3-oss/create-t3-app/commit/0be4a97fdf1c7bfab78d7be2051c2b21e665c491))\n\n### Bug Fixes\n\n- change ! reversion to equality in env validation ([#293](https://github.com/t3-oss/create-t3-app/issues/293)) ([7822c43](https://github.com/t3-oss/create-t3-app/commit/7822c433df18011f0cc6748e2c499c0e4283386c))\n- parse path returned from process.cwd() before using it ([#303](https://github.com/t3-oss/create-t3-app/issues/303)) ([b55f196](https://github.com/t3-oss/create-t3-app/commit/b55f196d0146c5c3969de4c25e7732046aad6284))\n\n## [5.5.0](https://github.com/t3-oss/create-t3-app/compare/v5.4.0...v5.5.0) (2022-08-07)\n\n### Features\n\n- make session.user.id non-nullable ([#282](https://github.com/t3-oss/create-t3-app/issues/282)) ([6a81f03](https://github.com/t3-oss/create-t3-app/commit/6a81f03bfafdf77c1c82b7972a97e3e54d77935c))\n\n## [5.4.0](https://github.com/t3-oss/create-t3-app/compare/v5.3.0...v5.4.0) (2022-08-02)\n\n### Features\n\n- add deployment strategy to generated README ([#258](https://github.com/t3-oss/create-t3-app/issues/258)) ([c7d4dce](https://github.com/t3-oss/create-t3-app/commit/c7d4dce182b1c306dc2a41d42483994c336843f4))\n- set appName to directory on 'npx create-t3-app .' ([#273](https://github.com/t3-oss/create-t3-app/issues/273)) ([2179f2d](https://github.com/t3-oss/create-t3-app/commit/2179f2d38f74de0e3fda5661f5125d049eb4d238))\n\n### Bug Fixes\n\n- height on small screens ([#256](https://github.com/t3-oss/create-t3-app/issues/256)) ([fe86915](https://github.com/t3-oss/create-t3-app/commit/fe86915ced72dc979e5fe68bd56b038d9c714928))\n- missing next-auth types ([#255](https://github.com/t3-oss/create-t3-app/issues/255)) ([ed42629](https://github.com/t3-oss/create-t3-app/commit/ed42629be5fb9be72abd40bbe784f2bda99eec99)), closes [#254](https://github.com/t3-oss/create-t3-app/issues/254)\n- **prisma:** make db changes for next-auth on mysql obvious ([#275](https://github.com/t3-oss/create-t3-app/issues/275)) ([e9507c8](https://github.com/t3-oss/create-t3-app/commit/e9507c887e135f3e44357c618689f5cdb2f13c43))\n\n## [5.3.0](https://github.com/t3-oss/create-t3-app/compare/v5.2.1...v5.3.0) (2022-07-25)\n\n### Features\n\n- add typesafe client side env variables ([#209](https://github.com/t3-oss/create-t3-app/issues/209)) ([d4cf879](https://github.com/t3-oss/create-t3-app/commit/d4cf879df811ded012a5f7cb3d91ff0bb95d87ac))\n- improved logo typography ([#238](https://github.com/t3-oss/create-t3-app/issues/238)) ([48c6720](https://github.com/t3-oss/create-t3-app/commit/48c67207da48c901822e214a00285c99bb785fd8))\n- updating tailwind and postcss config's to use .cjs ([#242](https://github.com/t3-oss/create-t3-app/issues/242)) ([5b97367](https://github.com/t3-oss/create-t3-app/commit/5b973670cae729c9e93b6c3c6f0b3e5b48dda904))\n\n### Bug Fixes\n\n- added JSDoc type to clientEnv in all env-schema ([#240](https://github.com/t3-oss/create-t3-app/issues/240)) ([9cb5ebb](https://github.com/t3-oss/create-t3-app/commit/9cb5ebbb2a0147ce15726c7e1a6c6be4065bc2dc))\n- clarify some comments and rename some files in env ([#245](https://github.com/t3-oss/create-t3-app/issues/245)) ([2048783](https://github.com/t3-oss/create-t3-app/commit/2048783bd26f7f0522357a3ab1e74e6f560a221c))\n- remove semicolon in \\_app.tsx with next-auth to avoid early return ([1be7713](https://github.com/t3-oss/create-t3-app/commit/1be771393628631b818b46d3f3bf1ca41ad99dce))\n- title being offset when using yarn/pnpm ([c881f00](https://github.com/t3-oss/create-t3-app/commit/c881f00430f606040a448eecc41e779ab0c728a7))\n\n### [5.2.1](https://github.com/t3-oss/create-t3-app/compare/v5.2.0...v5.2.1) (2022-07-19)\n\n### Bug Fixes\n\n- update url in auth prisma schema ([97c9e27](https://github.com/t3-oss/create-t3-app/commit/97c9e279bf7465a47f29add10c8a6d4c9b7339a5))\n\n## [5.2.0](https://github.com/t3-oss/create-t3-app/compare/v5.1.1...v5.2.0) (2022-07-19)\n\n### Features\n\n- add db.sqlite-journal to gitignore ([#221](https://github.com/t3-oss/create-t3-app/issues/221)) ([0604d21](https://github.com/t3-oss/create-t3-app/commit/0604d217f0dfe3d165013395c1a801e6bc32a17c))\n\n### Bug Fixes\n\n- handle pkg with version in noInstall mode ([#220](https://github.com/t3-oss/create-t3-app/issues/220)) ([5737beb](https://github.com/t3-oss/create-t3-app/commit/5737bebaab3ff6f955bf825274e25419a91642d6))\n- missing DATABASE_URL ([#222](https://github.com/t3-oss/create-t3-app/issues/222)) ([b6164d8](https://github.com/t3-oss/create-t3-app/commit/b6164d8944330564e9911e47f36d82620986c8c5))\n- typo - rename 'varibles' to 'variables' ([#223](https://github.com/t3-oss/create-t3-app/issues/223)) ([fc6519f](https://github.com/t3-oss/create-t3-app/commit/fc6519f66d067e4e348c7f4c00f6287dc5c40c3d))\n- typo in readme ([9390400](https://github.com/t3-oss/create-t3-app/commit/9390400b8720240c650e5dbde7ca0718b7835757))\n\n### [5.1.1](https://github.com/t3-oss/create-t3-app/compare/v5.1.0...v5.1.1) (2022-07-18)\n\n### Bug Fixes\n\n- add missing trpc import ([37b6283](https://github.com/t3-oss/create-t3-app/commit/37b6283bb56e44092fc9ef2d65c84e5298e51d22))\n\n## [5.1.0](https://github.com/t3-oss/create-t3-app/compare/v5.0.0...v5.1.0) (2022-07-18)\n\n### Features\n\n- add trpc inference helpers ([1fcec81](https://github.com/t3-oss/create-t3-app/commit/1fcec81a74372ce5cfaf6503d63f16d5e2b12e3c))\n- migrate env + next config to esm ([#205](https://github.com/t3-oss/create-t3-app/issues/205)) ([59f8ad4](https://github.com/t3-oss/create-t3-app/commit/59f8ad4f2104aa1f11508b55da75c333dce03625))\n\n### Bug Fixes\n\n- **#218:** lock react-query to v3 ([15ea5f1](https://github.com/t3-oss/create-t3-app/commit/15ea5f1dc8b86430a720f2eaeb6ccdfaab629892)), closes [#218](https://github.com/t3-oss/create-t3-app/issues/218)\n- move gitignore rename call ([#215](https://github.com/t3-oss/create-t3-app/issues/215)) ([7111033](https://github.com/t3-oss/create-t3-app/commit/7111033d75c858041f06d69e95c51e40515457fc))\n\n## 5.0.0 (2022-07-16)\n\n### Features\n\n- add check for yarn 3 ([#173](https://github.com/t3-oss/create-t3-app/issues/173)) ([cd846e1](https://github.com/t3-oss/create-t3-app/commit/cd846e16123a6bb11549276030224ec4ff1223df))\n- add ci for pull requests ([0e7cdc8](https://github.com/t3-oss/create-t3-app/commit/0e7cdc8bd307e17e95bd1874af2d0eb43211530e))\n- add commitlint ([#126](https://github.com/t3-oss/create-t3-app/issues/126)) ([3672aa3](https://github.com/t3-oss/create-t3-app/commit/3672aa3f4482ef592022cd94f1300b81e3fa7429))\n- add CONTRIBUTING.md for newcomers ([99f8220](https://github.com/t3-oss/create-t3-app/commit/99f8220f83a6363e5aab6c0ec33260eb059c9643))\n- add db.sqlite to gitignore ([#201](https://github.com/t3-oss/create-t3-app/issues/201)) ([90371c7](https://github.com/t3-oss/create-t3-app/commit/90371c7f88258b4b3e9a2689c09f67a9e439b189))\n- add environment variables validation ([#147](https://github.com/t3-oss/create-t3-app/issues/147)) ([0f0b56d](https://github.com/t3-oss/create-t3-app/commit/0f0b56d2604c1ba9dccd8d2a5213f0d2a640cd68))\n- add git prompt ([#130](https://github.com/t3-oss/create-t3-app/issues/130)) ([e5be271](https://github.com/t3-oss/create-t3-app/commit/e5be271612db741e3a692cd780ef84455faa115c))\n- add inferQueryResponse helper for tRPC ([748800f](https://github.com/t3-oss/create-t3-app/commit/748800f060031da58ce2b45bd65e4fd83266ce5c))\n- add main as initial branch ([7b94005](https://github.com/t3-oss/create-t3-app/commit/7b94005fd515d140176e639a487ab5035a290125))\n- add next-auth config to env-example [#108](https://github.com/t3-oss/create-t3-app/issues/108) ([c3ab997](https://github.com/t3-oss/create-t3-app/commit/c3ab997f149ee3635d2d33a67650e95e04877d5b))\n- add noInstall flag and prompt ([#133](https://github.com/t3-oss/create-t3-app/issues/133)) ([7ff0fca](https://github.com/t3-oss/create-t3-app/commit/7ff0fcacc3b94a4fd15d0db25e2efc09131d73c9))\n- add standard-version ([#125](https://github.com/t3-oss/create-t3-app/issues/125)) ([0fc6b47](https://github.com/t3-oss/create-t3-app/commit/0fc6b479c99c76ab830a81d011ba0e4ef90ce849))\n- add tRPC inference helper docs commment on utils ([3e784cb](https://github.com/t3-oss/create-t3-app/commit/3e784cbf3f9b4f6eeb4441a881ebbd028f311957))\n- added windows build support ([29acbf8](https://github.com/t3-oss/create-t3-app/commit/29acbf816c69f980454568946fba1afea6be114c))\n- better ui for templates ([e2e8c7e](https://github.com/t3-oss/create-t3-app/commit/e2e8c7eeeab576d730cd1c7e397497460c1787e0))\n- better validation and add path support ([#135](https://github.com/t3-oss/create-t3-app/issues/135)) ([e50cb8a](https://github.com/t3-oss/create-t3-app/commit/e50cb8a3e13126de628d098e00650a52753681f3))\n- check if dir is empty ([71bbdba](https://github.com/t3-oss/create-t3-app/commit/71bbdbae564d6e7df4b08645db59a8364b891b99))\n- make the ui symmetric ([19df71e](https://github.com/t3-oss/create-t3-app/commit/19df71ec53fd64e60b27ecd055cd9f0c6acc4a63))\n\n### Bug Fixes\n\n- add newline at the end of the file ([64eee1c](https://github.com/t3-oss/create-t3-app/commit/64eee1c8058aa5d2ec29fc1903ee63819fa8fc9d))\n- add scripts for CI ([539f3fd](https://github.com/t3-oss/create-t3-app/commit/539f3fdc44e1d96e5429f21afbb74f71bf4d963d))\n- add semantic elements and update tw classes on tw pages ([#151](https://github.com/t3-oss/create-t3-app/issues/151)) ([61d6819](https://github.com/t3-oss/create-t3-app/commit/61d6819f14ac5b65c779081c91ca894f724f7b16))\n- bumped package.json for beta-release ([3fe35f1](https://github.com/t3-oss/create-t3-app/commit/3fe35f14313da611cb16e26141e06d1afb5efb78))\n- change comment in .env to discord ([d992713](https://github.com/t3-oss/create-t3-app/commit/d992713cad08c08267a0f018fa8582b569a554db))\n- **cli:** use correct spelling, fix short choices ([7776aa9](https://github.com/t3-oss/create-t3-app/commit/7776aa9fc03293f27d9e27808cd03810f96ccc33))\n- conditionally run envVars installer ([#196](https://github.com/t3-oss/create-t3-app/issues/196)) ([f5f4f62](https://github.com/t3-oss/create-t3-app/commit/f5f4f6275c1a967f6de2e7c6d40d9a7731a3830b))\n- docs wrong format ([3d2dbb0](https://github.com/t3-oss/create-t3-app/commit/3d2dbb06cadb42d24f134ce09edc5a371d79aff9))\n- dont prompt for typesafe env-vars ([2faee56](https://github.com/t3-oss/create-t3-app/commit/2faee56720c39d770ebe05d15e3fb2aaacaf704e))\n- eslint warning (import/no-anonymous-default-export) ([a1cce55](https://github.com/t3-oss/create-t3-app/commit/a1cce5546a8fd6efb79c65a2f2b52d4c597dafd0))\n- fixed some typos ([#131](https://github.com/t3-oss/create-t3-app/issues/131)) ([a86466e](https://github.com/t3-oss/create-t3-app/commit/a86466eb0bc1ef51a1c8ba1b96938dc1bd7dfbbb))\n- format contributing.md ([4111476](https://github.com/t3-oss/create-t3-app/commit/41114766582ca33fb2a3fd0b566e609a6dd3e861))\n- handle git projects correctly ([3ed897f](https://github.com/t3-oss/create-t3-app/commit/3ed897ff49c06f6d70d49aee31d5c3741fced96e))\n- incompatible git version ([#127](https://github.com/t3-oss/create-t3-app/issues/127)) ([34f44f8](https://github.com/t3-oss/create-t3-app/commit/34f44f817df52b317afea5b8d55c87eea487833f))\n- invalid pnpm action version ([2a1f6e3](https://github.com/t3-oss/create-t3-app/commit/2a1f6e32aedb8f86ee7ca403e481be8e474b76b2))\n- language prompt short answer should both be ts ([#142](https://github.com/t3-oss/create-t3-app/issues/142)) ([5e4f80d](https://github.com/t3-oss/create-t3-app/commit/5e4f80d7aa930f16add3bb2273a23f5829548f49))\n- **markup:** multiple h1 replaced to h2 ([6bf9040](https://github.com/t3-oss/create-t3-app/commit/6bf90407b9a9774348a77927d37c47f3ded5552a))\n- **prompts:** show correct package manager in prompts ([#153](https://github.com/t3-oss/create-t3-app/issues/153)) ([fe66ae9](https://github.com/t3-oss/create-t3-app/commit/fe66ae9f60cbe6a2e429be406a1cd548c51e7bbd))\n- properly display the welcome title when installing with Yarn ([#160](https://github.com/t3-oss/create-t3-app/issues/160)) ([a5b9d53](https://github.com/t3-oss/create-t3-app/commit/a5b9d534e6395e494dcfab8419e71bf201b7326b))\n- provide cwd inside git init exec call ([9679492](https://github.com/t3-oss/create-t3-app/commit/9679492ebd9175973c99d647cf11a4f1b979a505))\n- reapply style fixes on tw pages ([#189](https://github.com/t3-oss/create-t3-app/issues/189)) ([af1067b](https://github.com/t3-oss/create-t3-app/commit/af1067b196205b0dd70a44571c62012d9667987e)), closes [#178](https://github.com/t3-oss/create-t3-app/issues/178)\n- remove changeset from repo ([#134](https://github.com/t3-oss/create-t3-app/issues/134)) ([d58b380](https://github.com/t3-oss/create-t3-app/commit/d58b380ed4310021a771e05037a6054176c14b91))\n- remove duplicated types ([#138](https://github.com/t3-oss/create-t3-app/issues/138)) ([e4c8e33](https://github.com/t3-oss/create-t3-app/commit/e4c8e336fff94bd125cac06f4bfa4d5eb365dd54))\n- remove unncesary import on auth router ([abdc61f](https://github.com/t3-oss/create-t3-app/commit/abdc61ffc18dd4f1e82f3fc02cd87a2144d0cc03))\n- run prettier ([9961645](https://github.com/t3-oss/create-t3-app/commit/99616456d54abde5b458d57add1132dcb2b68256))\n- standardize log messages ([83a13b9](https://github.com/t3-oss/create-t3-app/commit/83a13b9963f83317a62e3eeaed14dd5e2cb45344))\n- **template:** converting to use tech props and remove tw from template ([#183](https://github.com/t3-oss/create-t3-app/issues/183)) ([b2d542a](https://github.com/t3-oss/create-t3-app/commit/b2d542a44eed0aa699fe91e52f25f6ac68a0021c))\n- **templates:** h1 restored ([e51e03d](https://github.com/t3-oss/create-t3-app/commit/e51e03d93a899674bef839ddb215a36e62397e26))\n- type entrire app and not just the props ([908630e](https://github.com/t3-oss/create-t3-app/commit/908630e5cc14789b88a0ddf6dd097fb14eb9068a))\n- typo in \"Javascript\" ([#136](https://github.com/t3-oss/create-t3-app/issues/136)) ([6873a7a](https://github.com/t3-oss/create-t3-app/commit/6873a7a5ff17c6efda1b78fe73597ec43821552c))\n- update templates ([4418f1d](https://github.com/t3-oss/create-t3-app/commit/4418f1db06a29050293f0d4dd16a1347d34c6cf9))\n- use components for the tech within the splash screen ([#178](https://github.com/t3-oss/create-t3-app/issues/178)) ([c436382](https://github.com/t3-oss/create-t3-app/commit/c4363821664fe95b4301d46b3e2d34fbeb14952d))\n- with-tw removed unused styles and added motion saftey ([#148](https://github.com/t3-oss/create-t3-app/issues/148)) ([598ed0e](https://github.com/t3-oss/create-t3-app/commit/598ed0eda73e5218658ff7d574e28ecc25a4e2cb))\n\n## 4.4.1\n\n### Patch Changes\n\n- changed ui for template\n\n## 4.4.0\n\n### Minor Changes\n\n- improve ui examples of template app\n\n## 4.3.5\n\n### Patch Changes\n\n- add warning for old git versions\n\n## 4.3.4\n\n### Patch Changes\n\n- improve template styling\n\n## 4.3.3\n\n### Patch Changes\n\n- Add description for packages in the template\n\n## 4.3.2\n\n### Patch Changes\n\n- Redesign pages\n\n## 4.3.0\n\n### Minor Changes\n\n- added Next-Auth protected routes when using tRPC\n\n## 4.2.12\n\n### Patch Changes\n\n- upgrade next to 12.2.0\n\n## 4.2.11\n\n### Patch Changes\n\n- modified the title to print a colorful ascii art\n\n## 4.2.10\n\n### Patch Changes\n\n- add warning about next-auth when using Node 18\n\n## 4.2.9\n\n### Patch Changes\n\n- fix resolved path to package root\n\n## 4.2.8\n\n### Patch Changes\n\n- diable version flag\n\n## 4.2.2\n\n### Patch Changes\n\n- fix esm issues\n\n## 4.2.1\n\n### Patch Changes\n\n- trying to fix esm error\n\n## 4.2.0\n\n### Minor Changes\n\n- a548f22: added cli args, esm support\n\n## 4.1.1\n\n### Patch Changes\n\n- Updated package to full ESM support\n\n## 4.1.0\n\n### Minor Changes\n\n- Create-t3-app now accepts args!\n\n When calling create-t3-app, you can specify the app name and directory directly from the cli.\n\n Additonal options are visable by passing -h or --help into the command line\n\n## 4.0.8\n\n### Patch Changes\n\n- added loading spinners\n\n## 4.0.7\n\n### Patch Changes\n\n- added tsup as build tool\n\n## 4.0.6\n\n### Patch Changes\n\n- Added dev tooling.\n" }, { "path": "cli/README.md", "content": "

\n \n \n \"Logo\n\n

\n\n

\n create-t3-app\n

\n\n

\n Interactive CLI to start a full-stack, typesafe Next.js app.\n

\n\n

\n Get started with the T3 Stack by running npm create t3-app@latest\n

\n\n
\n\n[![PRs-Welcome][contribute-image]][contribute-url] [![Discord](https://img.shields.io/discord/966627436387266600?color=%235865F2&label=Discord&logo=discord&logoColor=%23fff)](https://t3.gg/discord) [![NPM version][npm-image]][npm-url]\n[![Downloads][downloads-image]][npm-url]\n\n
\n\n\n

\n \"Video\n

\n\n\n\n

Watch Theo's overview on Youtube here

\n\n\n## Table of contents\n\n- The T3 Stack\n- T3 Axioms\n- Getting Started\n- Community\n- Contributors\n\n

The T3 Stack

\n\nThe _\"T3 Stack\"_ is a web development stack made by [Theo](https://twitter.com/t3dotgg) focused on **simplicity**, **modularity**, and **full-stack typesafety**. It consists of:\n\n- [Next.js](https://nextjs.org)\n- [tRPC](https://trpc.io)\n- [Tailwind CSS](https://tailwindcss.com)\n- [TypeScript](https://typescriptlang.org)\n- [Prisma](https://prisma.io)\n- [Drizzle](https://orm.drizzle.team)\n- [NextAuth.js](https://next-auth.js.org)\n\n### So... what is `create-t3-app`? A template?\n\nKind of? `create-t3-app` is a CLI built by seasoned T3 Stack devs to streamline the setup of a modular T3 Stack app. This means each piece is optional, and the \"template\" is generated based on your specific needs.\n\nAfter countless projects and many years on this tech, we have lots of opinions and insights. We’ve done our best to encode them into this CLI.\n\nThis is **NOT** an all-inclusive template. We **expect** you to bring your own libraries that solve the needs of **YOUR** application. While we don’t want to prescribe solutions to more specific problems like state management and deployment, we [do have some recommendations listed here](https://create.t3.gg/en/other-recs).\n\n

T3 Axioms

\n\nWe'll be frank - this is an _opinionated project_. We share a handful of core beliefs around building and we treat them as the basis for our decisions.\n\n### 1. Solve Problems\n\nIt's easy to fall into the trap of \"adding everything\" - we explicitly _don't_ want to do that. Everything added to `create-t3-app` should solve a _specific_ problem that exists within the core technologies included. This means we **won't** add things like state libraries (`zustand`, `redux`) but we **will** add things like NextAuth.js and integrate Prisma and tRPC for you.\n\n### 2. Bleed Responsibly\n\nWe love our bleeding edge tech. The amount of speed and, honestly, _fun_ that comes out of new shit is really cool. We think it's important to **bleed responsibly**, using riskier tech in the less risky parts. This means we **wouldn't** ⛔️ bet on risky new database tech (SQL is great!). But we **happily** ✅ bet on tRPC since it's just functions that are trivial to move off.\n\n### 3. Typesafety Isn't Optional\n\nThe stated goal of `create-t3-app` is to provide the quickest way to start a new full-stack, typesafe web application. We take typesafety seriously in these parts as it improves our productivity and helps us ship fewer bugs. Any decision that compromises the typesafe nature of `create-t3-app` is a decision that should be made in a different project.\n\n

Getting Started

\n\nTo scaffold an app using `create-t3-app`, run any of the following four commands and answer the command prompt questions:\n\n### npm\n\n```bash\nnpm create t3-app@latest\n```\n\n### yarn\n\n```bash\nyarn create t3-app\n```\n\n### pnpm\n\n```bash\npnpm create t3-app@latest\n```\n\n### bun\n\n```bash\nbun create t3-app@latest\n```\n\nFor more advanced usage, check out the [CLI docs](https://create.t3.gg/en/installation).\n\n

Community

\n\nFor help, discussion about best practices, or any other conversation that would benefit create-t3-app:\n\n[Join the T3 Discord Server](https://t3.gg/discord)\n\n

Contributors

\n\nWe 💖 contributors! Feel free to contribute to this project but **please read the [Contributing Guidelines](CONTRIBUTING.md) before opening an issue or PR** so you understand the branching strategy and local development environment. We also welcome you to join our [Discord](https://discord.gg/tEAQjDseSX) community for either support or contributing guidance.\n\n\n

\n \"A\n

\n\n\n

\n Made with contrib.rocks\n

\n\n

\n \n \"Powered\n \n

\n\n[downloads-image]: https://img.shields.io/npm/dm/create-t3-app?color=364fc7&logoColor=364fc7\n[npm-url]: https://www.npmjs.com/package/create-t3-app\n[npm-image]: https://img.shields.io/npm/v/create-t3-app?color=0b7285&logoColor=0b7285\n[contribute-url]: https://github.com/t3-oss/create-t3-app/blob/main/CONTRIBUTING.md\n[contribute-image]: https://img.shields.io/badge/PRs-welcome-blue.svg\n" }, { "path": "cli/eslint.config.js", "content": "// @ts-check\nimport tseslint from \"typescript-eslint\";\n// import isaacscript from \"eslint-plugin-isaacscript\";\nimport importPlugin from \"eslint-plugin-import-x\";\n\nexport default tseslint.config(\n { ignores: [\"dist\", \"*.config.*\"] },\n {\n files: [\"**/*.{ts,tsx}\"],\n plugins: {\n // isaacscript, // REENABLE\n \"import-x\": importPlugin,\n },\n extends: [\n ...tseslint.configs.recommended,\n ],\n rules: {\n \"@typescript-eslint/no-unused-vars\": [\n \"error\",\n { argsIgnorePattern: \"^_\", destructuredArrayIgnorePattern: \"^_\" },\n ],\n \"@typescript-eslint/consistent-type-imports\": [\n \"error\",\n { prefer: \"type-imports\", fixStyle: \"inline-type-imports\" },\n ],\n \"import-x/consistent-type-specifier-style\": [\"error\", \"prefer-inline\"],\n\n // // For educational purposes we format our comments/jsdoc nicely\n // \"isaacscript/complete-sentences-jsdoc\": \"warn\",\n // \"isaacscript/format-jsdoc-comments\": \"warn\",\n\n // These lint rules don't make sense for us but are enabled in the preset configs\n \"@typescript-eslint/no-confusing-void-expression\": \"off\",\n \"@typescript-eslint/restrict-template-expressions\": \"off\",\n\n // This rule doesn't seem to be working properly\n \"@typescript-eslint/prefer-nullish-coalescing\": \"off\",\n },\n },\n {\n files: [\"src/**/*.{ts,tsx}\"],\n extends: [\n ...tseslint.configs.recommendedTypeChecked,\n ...tseslint.configs.stylisticTypeChecked,\n ],\n rules: {\n \"@typescript-eslint/no-explicit-any\": \"error\",\n },\n },\n {\n // Template files don't have reliable type information\n files: [\"./template/**/*.{ts,tsx}\"],\n extends: [tseslint.configs.disableTypeChecked],\n },\n {\n linterOptions: {\n reportUnusedDisableDirectives: true,\n },\n languageOptions: {\n sourceType: \"module\",\n parserOptions: {\n project: [\n \"./tsconfig.eslint.json\",\n ],\n // projectService: {\n // defaultProject: \"tsconfig.eslint.json\",\n // },\n tsconfigRootDir: import.meta.dirname,\n },\n },\n },\n);\n" }, { "path": "cli/package.json", "content": "{\n \"name\": \"create-t3-app\",\n \"version\": \"7.40.0\",\n \"description\": \"Create web application with the t3 stack\",\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/t3-oss/create-t3-app.git\",\n \"directory\": \"cli\"\n },\n \"keywords\": [\n \"create-t3-app\",\n \"init.tips\",\n \"next.js\",\n \"t3-stack\",\n \"tailwind\",\n \"tRPC\",\n \"typescript\"\n ],\n \"type\": \"module\",\n \"exports\": \"./dist/index.js\",\n \"bin\": {\n \"create-t3-app\": \"./dist/index.js\"\n },\n \"files\": [\n \"dist\",\n \"template\",\n \"README.md\",\n \"LICENSE\",\n \"CHANGELOG.md\",\n \".yarnrc.yml\",\n \"package.json\"\n ],\n \"engines\": {\n \"node\": \">=18.17.0\"\n },\n \"scripts\": {\n \"typecheck\": \"tsc\",\n \"build\": \"tsup\",\n \"dev\": \"tsup --watch\",\n \"clean\": \"rm -rf dist .turbo node_modules\",\n \"start\": \"node dist/index.js\",\n \"lint\": \"eslint\",\n \"lint:fix\": \"pnpm lint --fix\",\n \"format\": \"prettier '**/*.{cjs,mjs,ts,tsx,md,json}' --ignore-path ../.gitignore --ignore-unknown --no-error-on-unmatched-pattern --write\",\n \"format:check\": \"prettier '**/*.{cjs,mjs,ts,tsx,md,json}' --ignore-path ../.gitignore --ignore-unknown --no-error-on-unmatched-pattern --check\",\n \"release\": \"changeset version\",\n \"pub:beta\": \"pnpm build && npm publish --tag beta\",\n \"pub:next\": \"pnpm build && npm publish --tag next\",\n \"pub:release\": \"pnpm build && npm publish\"\n },\n \"dependencies\": {\n \"@clack/core\": \"^0.3.4\",\n \"@clack/prompts\": \"^0.6.3\",\n \"@ianvs/prettier-plugin-sort-imports\": \"^4.2.1\",\n \"chalk\": \"5.2.0\",\n \"commander\": \"^10.0.1\",\n \"execa\": \"^7.2.0\",\n \"fs-extra\": \"^11.2.0\",\n \"gradient-string\": \"^2.0.2\",\n \"ora\": \"6.3.1\",\n \"sort-package-json\": \"^2.10.0\"\n },\n \"devDependencies\": {\n \"@auth/drizzle-adapter\": \"^1.1.0\",\n \"@auth/prisma-adapter\": \"^1.6.0\",\n \"@libsql/client\": \"^0.14.0\",\n \"@planetscale/database\": \"^1.19.0\",\n \"@prisma/adapter-planetscale\": \"^6.6.0\",\n \"@prisma/client\": \"^6.6.0\",\n \"@t3-oss/env-nextjs\": \"^0.12.0\",\n \"@tailwindcss/postcss\": \"^4.0.15\",\n \"@tanstack/react-query\": \"^5.69.0\",\n \"@trpc/client\": \"11.0.0\",\n \"@trpc/next\": \"11.0.0\",\n \"@trpc/react-query\": \"11.0.0\",\n \"@trpc/server\": \"11.0.0\",\n \"@types/fs-extra\": \"^11.0.4\",\n \"@types/gradient-string\": \"^1.1.6\",\n \"@types/node\": \"^24.10.1\",\n \"better-auth\": \"^1.3\",\n \"drizzle-kit\": \"^0.30.5\",\n \"drizzle-orm\": \"^0.41.0\",\n \"mysql2\": \"^3.11.0\",\n \"next\": \"^15.5.9\",\n \"next-auth\": \"^4.24.7\",\n \"postgres\": \"^3.4.4\",\n \"prettier\": \"^3.5.3\",\n \"prettier-plugin-tailwindcss\": \"^0.6.11\",\n \"prisma\": \"^6.6.0\",\n \"react\": \"^19.2.3\",\n \"react-dom\": \"^19.2.3\",\n \"superjson\": \"^2.2.1\",\n \"tailwindcss\": \"^4.0.15\",\n \"tsup\": \"^6.7.0\",\n \"type-fest\": \"^3.13.1\",\n \"typescript\": \"^5.8.2\",\n \"zod\": \"^3.24.2\"\n }\n}\n" }, { "path": "cli/prettier.config.mjs", "content": "import baseConfig from \"../prettier.config.mjs\";\n\n/**\n * @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions &\n * import(\"@ianvs/prettier-plugin-sort-imports\").PluginConfig}\n */\nconst config = {\n ...baseConfig,\n arrowParens: \"always\",\n plugins: [\n \"@ianvs/prettier-plugin-sort-imports\",\n \"prettier-plugin-tailwindcss\",\n ],\n tailwindConfig: \"./template/extras/config/tailwind.config.ts\",\n trailingComma: \"es5\",\n importOrder: [\"\", \"\", \"^~/\", \"^[.][.]/\", \"^[.]/\"],\n importOrderParserPlugins: [\"typescript\", \"jsx\", \"decorators-legacy\"],\n importOrderTypeScriptVersion: \"4.4.0\",\n};\n\nexport default config;\n" }, { "path": "cli/src/cli/index.ts", "content": "import * as p from \"@clack/prompts\";\nimport chalk from \"chalk\";\nimport { Command } from \"commander\";\n\nimport { CREATE_T3_APP, DEFAULT_APP_NAME } from \"~/consts.js\";\nimport {\n databaseProviders,\n type AvailablePackages,\n type DatabaseProvider,\n} from \"~/installers/index.js\";\nimport { getVersion } from \"~/utils/getT3Version.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\nimport { IsTTYError } from \"~/utils/isTTYError.js\";\nimport { logger } from \"~/utils/logger.js\";\nimport { validateAppName } from \"~/utils/validateAppName.js\";\nimport { validateImportAlias } from \"~/utils/validateImportAlias.js\";\n\ninterface CliFlags {\n noGit: boolean;\n noInstall: boolean;\n default: boolean;\n importAlias: string;\n\n /** @internal Used in CI. */\n CI: boolean;\n /** @internal Used in CI. */\n tailwind: boolean;\n /** @internal Used in CI. */\n trpc: boolean;\n /** @internal Used in CI. */\n prisma: boolean;\n /** @internal Used in CI. */\n drizzle: boolean;\n /** @internal Used in CI. */\n nextAuth: boolean;\n /** @internal Used in CI. */\n betterAuth: boolean;\n /** @internal Used in CI. */\n appRouter: boolean;\n /** @internal Used in CI. */\n dbProvider: DatabaseProvider;\n /** @internal Used in CI */\n eslint: boolean;\n /** @internal Used in CI */\n biome: boolean;\n}\n\ninterface CliResults {\n appName: string;\n packages: AvailablePackages[];\n flags: CliFlags;\n databaseProvider: DatabaseProvider;\n}\n\nconst defaultOptions: CliResults = {\n appName: DEFAULT_APP_NAME,\n packages: [\"nextAuth\", \"prisma\", \"tailwind\", \"trpc\", \"eslint\"],\n flags: {\n noGit: false,\n noInstall: false,\n default: false,\n CI: false,\n tailwind: false,\n trpc: false,\n prisma: false,\n drizzle: false,\n nextAuth: false,\n betterAuth: false,\n importAlias: \"~/\",\n appRouter: false,\n dbProvider: \"sqlite\",\n eslint: false,\n biome: false,\n },\n databaseProvider: \"sqlite\",\n};\n\nexport const runCli = async (): Promise => {\n const cliResults = defaultOptions;\n\n const program = new Command()\n .name(CREATE_T3_APP)\n .description(\"A CLI for creating web applications with the t3 stack\")\n .argument(\n \"[dir]\",\n \"The name of the application, as well as the name of the directory to create\"\n )\n .option(\n \"--noGit\",\n \"Explicitly tell the CLI to not initialize a new git repo in the project\",\n false\n )\n .option(\n \"--noInstall\",\n \"Explicitly tell the CLI to not run the package manager's install command\",\n false\n )\n .option(\n \"-y, --default\",\n \"Bypass the CLI and use all default options to bootstrap a new t3-app\",\n false\n )\n /** START CI-FLAGS */\n /**\n * @experimental Used for CI E2E tests. If any of the following option-flags are provided, we\n * skip prompting.\n */\n .option(\"--CI\", \"Boolean value if we're running in CI\", false)\n /** @experimental - Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--tailwind [boolean]\",\n \"Experimental: Boolean value if we should install Tailwind CSS. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--nextAuth [boolean]\",\n \"Experimental: Boolean value if we should install NextAuth.js. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--betterAuth [boolean]\",\n \"Experimental: Boolean value if we should install BetterAuth. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental - Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--prisma [boolean]\",\n \"Experimental: Boolean value if we should install Prisma. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental - Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--drizzle [boolean]\",\n \"Experimental: Boolean value if we should install Drizzle. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental - Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"--trpc [boolean]\",\n \"Experimental: Boolean value if we should install tRPC. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** @experimental - Used for CI E2E tests. Used in conjunction with `--CI` to skip prompting. */\n .option(\n \"-i, --import-alias [alias]\",\n \"Explicitly tell the CLI to use a custom import alias\",\n defaultOptions.flags.importAlias\n )\n .option(\n \"--dbProvider [provider]\",\n `Choose a database provider to use. Possible values: ${databaseProviders.join(\n \", \"\n )}`,\n defaultOptions.flags.dbProvider\n )\n .option(\n \"--appRouter [boolean]\",\n \"Explicitly tell the CLI to use the new Next.js app router\",\n (value) => !!value && value !== \"false\"\n )\n .option(\n \"--eslint [boolean]\",\n \"Experimental: Boolean value if we should install eslint and prettier. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n .option(\n \"--biome [boolean]\",\n \"Experimental: Boolean value if we should install biome. Must be used in conjunction with `--CI`.\",\n (value) => !!value && value !== \"false\"\n )\n /** END CI-FLAGS */\n .version(getVersion(), \"-v, --version\", \"Display the version number\")\n .addHelpText(\n \"afterAll\",\n `\\n The t3 stack was inspired by ${chalk\n .hex(\"#E8DCFF\")\n .bold(\n \"@t3dotgg\"\n )} and has been used to build awesome fullstack applications like ${chalk\n .hex(\"#E24A8D\")\n .underline(\"https://ping.gg\")} \\n`\n )\n .parse(process.argv);\n\n // FIXME: TEMPORARY WARNING WHEN USING YARN 3. SEE ISSUE #57\n if (process.env.npm_config_user_agent?.startsWith(\"yarn/3\")) {\n logger.warn(` WARNING: It looks like you are using Yarn 3. This is currently not supported,\n and likely to result in a crash. Please run create-t3-app with another\n package manager such as pnpm, npm, or Yarn Classic.\n See: https://github.com/t3-oss/create-t3-app/issues/57`);\n }\n\n // Needs to be separated outside the if statement to correctly infer the type as string | undefined\n const cliProvidedName = program.args[0];\n if (cliProvidedName) {\n cliResults.appName = cliProvidedName;\n }\n\n cliResults.flags = program.opts();\n\n /** @internal Used for CI E2E tests. */\n if (cliResults.flags.CI) {\n cliResults.packages = [];\n if (cliResults.flags.trpc) cliResults.packages.push(\"trpc\");\n if (cliResults.flags.tailwind) cliResults.packages.push(\"tailwind\");\n if (cliResults.flags.prisma) cliResults.packages.push(\"prisma\");\n if (cliResults.flags.drizzle) cliResults.packages.push(\"drizzle\");\n if (cliResults.flags.nextAuth) cliResults.packages.push(\"nextAuth\");\n if (cliResults.flags.betterAuth) cliResults.packages.push(\"betterAuth\");\n if (cliResults.flags.eslint) cliResults.packages.push(\"eslint\");\n if (cliResults.flags.biome) cliResults.packages.push(\"biome\");\n if (cliResults.flags.prisma && cliResults.flags.drizzle) {\n // We test a matrix of all possible combination of packages in CI. Checking for impossible\n // combinations here and exiting gracefully is easier than changing the CI matrix to exclude\n // invalid combinations. We are using an \"OK\" exit code so CI continues with the next combination.\n logger.warn(\"Incompatible combination Prisma + Drizzle. Exiting.\");\n process.exit(0);\n }\n if (cliResults.flags.biome && cliResults.flags.eslint) {\n logger.warn(\"Incompatible combination Biome + ESLint. Exiting.\");\n process.exit(0);\n }\n if (cliResults.flags.nextAuth && cliResults.flags.betterAuth) {\n logger.warn(\"Incompatible combination NextAuth + BetterAuth. Exiting.\");\n process.exit(0);\n }\n if (databaseProviders.includes(cliResults.flags.dbProvider) === false) {\n logger.warn(\n `Incompatible database provided. Use: ${databaseProviders.join(\", \")}. Exiting.`\n );\n process.exit(0);\n }\n\n cliResults.databaseProvider =\n cliResults.packages.includes(\"drizzle\") ||\n cliResults.packages.includes(\"prisma\")\n ? cliResults.flags.dbProvider\n : \"sqlite\";\n\n return cliResults;\n }\n\n if (cliResults.flags.default) {\n return cliResults;\n }\n\n // Explained below why this is in a try/catch block\n try {\n if (process.env.TERM_PROGRAM?.toLowerCase().includes(\"mintty\")) {\n logger.warn(` WARNING: It looks like you are using MinTTY, which is non-interactive. This is most likely because you are\n using Git Bash. If that's that case, please use Git Bash from another terminal, such as Windows Terminal. Alternatively, you\n can provide the arguments from the CLI directly: https://create.t3.gg/en/installation#experimental-usage to skip the prompts.`);\n\n throw new IsTTYError(\"Non-interactive environment\");\n }\n\n // if --CI flag is set, we are running in CI mode and should not prompt the user\n\n const pkgManager = getUserPkgManager();\n\n const project = await p.group(\n {\n ...(!cliProvidedName && {\n name: () =>\n p.text({\n message: \"What will your project be called?\",\n defaultValue: cliProvidedName,\n validate: validateAppName,\n }),\n }),\n language: () => {\n return p.select({\n message: \"Will you be using TypeScript or JavaScript?\",\n options: [\n { value: \"typescript\", label: \"TypeScript\" },\n { value: \"javascript\", label: \"JavaScript\" },\n ],\n initialValue: \"typescript\",\n });\n },\n _: ({ results }) =>\n results.language === \"javascript\"\n ? p.note(chalk.redBright(\"Wrong answer, using TypeScript instead\"))\n : undefined,\n styling: () => {\n return p.confirm({\n message: \"Will you be using Tailwind CSS for styling?\",\n });\n },\n trpc: () => {\n return p.confirm({\n message: \"Would you like to use tRPC?\",\n });\n },\n authentication: () => {\n return p.select({\n message: \"What authentication provider would you like to use?\",\n options: [\n { value: \"none\", label: \"None\" },\n { value: \"next-auth\", label: \"NextAuth.js\" },\n { value: \"better-auth\", label: \"BetterAuth\" },\n // Maybe later\n // { value: \"clerk\", label: \"Clerk\" },\n ],\n initialValue: \"none\",\n });\n },\n database: () => {\n return p.select({\n message: \"What database ORM would you like to use?\",\n options: [\n { value: \"none\", label: \"None\" },\n { value: \"prisma\", label: \"Prisma\" },\n { value: \"drizzle\", label: \"Drizzle\" },\n ],\n initialValue: \"none\",\n });\n },\n appRouter: () => {\n return p.confirm({\n message: \"Would you like to use Next.js App Router?\",\n initialValue: true,\n });\n },\n databaseProvider: ({ results }) => {\n if (results.database === \"none\") return;\n return p.select({\n message: \"What database provider would you like to use?\",\n options: [\n { value: \"sqlite\", label: \"SQLite (LibSQL)\" },\n { value: \"mysql\", label: \"MySQL\" },\n { value: \"postgres\", label: \"PostgreSQL\" },\n { value: \"planetscale\", label: \"PlanetScale\" },\n ],\n initialValue: \"sqlite\",\n });\n },\n linter: () => {\n return p.select({\n message:\n \"Would you like to use ESLint and Prettier or Biome for linting and formatting?\",\n options: [\n { value: \"eslint\", label: \"ESLint/Prettier\" },\n { value: \"biome\", label: \"Biome\" },\n ],\n initialValue: \"eslint\",\n });\n },\n ...(!cliResults.flags.noGit && {\n git: () => {\n return p.confirm({\n message:\n \"Should we initialize a Git repository and stage the changes?\",\n initialValue: !defaultOptions.flags.noGit,\n });\n },\n }),\n ...(!cliResults.flags.noInstall && {\n install: () => {\n return p.confirm({\n message:\n `Should we run '${pkgManager}` +\n (pkgManager === \"yarn\" ? `'?` : ` install' for you?`),\n initialValue: !defaultOptions.flags.noInstall,\n });\n },\n }),\n importAlias: () => {\n return p.text({\n message: \"What import alias would you like to use?\",\n defaultValue: defaultOptions.flags.importAlias,\n placeholder: defaultOptions.flags.importAlias,\n validate: validateImportAlias,\n });\n },\n },\n {\n onCancel() {\n process.exit(1);\n },\n }\n );\n\n const packages: AvailablePackages[] = [];\n if (project.styling) packages.push(\"tailwind\");\n if (project.trpc) packages.push(\"trpc\");\n if (project.authentication === \"next-auth\") packages.push(\"nextAuth\");\n if (project.authentication === \"better-auth\") packages.push(\"betterAuth\");\n if (project.database === \"prisma\") packages.push(\"prisma\");\n if (project.database === \"drizzle\") packages.push(\"drizzle\");\n if (project.linter === \"eslint\") packages.push(\"eslint\");\n if (project.linter === \"biome\") packages.push(\"biome\");\n\n return {\n appName: project.name ?? cliResults.appName,\n packages,\n databaseProvider:\n (project.databaseProvider as DatabaseProvider) || \"sqlite\",\n flags: {\n ...cliResults.flags,\n appRouter: project.appRouter ?? cliResults.flags.appRouter,\n noGit: !project.git || cliResults.flags.noGit,\n noInstall: !project.install || cliResults.flags.noInstall,\n importAlias: project.importAlias ?? cliResults.flags.importAlias,\n },\n };\n } catch (err) {\n // If the user is not calling create-t3-app from an interactive terminal, inquirer will throw an IsTTYError\n // If this happens, we catch the error, tell the user what has happened, and then continue to run the program with a default t3 app\n if (err instanceof IsTTYError) {\n logger.warn(`\n ${CREATE_T3_APP} needs an interactive terminal to provide options`);\n\n const shouldContinue = await p.confirm({\n message: `Continue scaffolding a default T3 app?`,\n initialValue: true,\n });\n\n if (!shouldContinue) {\n logger.info(\"Exiting...\");\n process.exit(0);\n }\n\n logger.info(`Bootstrapping a default T3 app in ./${cliResults.appName}`);\n } else {\n throw err;\n }\n }\n\n return cliResults;\n};\n" }, { "path": "cli/src/consts.ts", "content": "import path from \"path\";\nimport { fileURLToPath } from \"url\";\n\n// With the move to TSUP as a build tool, this keeps path routes in other files (installers, loaders, etc) in check more easily.\n// Path is in relation to a single index.js file inside ./dist\nconst __filename = fileURLToPath(import.meta.url);\nconst distPath = path.dirname(__filename);\nexport const PKG_ROOT = path.join(distPath, \"../\");\n\n//export const PKG_ROOT = path.dirname(require.main.filename);\n\nexport const TITLE_TEXT = ` ___ ___ ___ __ _____ ___ _____ ____ __ ___ ___\n / __| _ \\\\ __| / \\\\_ _| __| |_ _|__ / / \\\\ | _ \\\\ _ \\\\\n | (__| / _| / /\\\\ \\\\| | | _| | | |_ \\\\ / /\\\\ \\\\| _/ _/\n \\\\___|_|_\\\\___|_/‾‾\\\\_\\\\_| |___| |_| |___/ /_/‾‾\\\\_\\\\_| |_|\n`;\nexport const DEFAULT_APP_NAME = \"my-t3-app\";\nexport const CREATE_T3_APP = \"create-t3-app\";\n" }, { "path": "cli/src/helpers/createProject.ts", "content": "import fs from \"fs\";\nimport path from \"path\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { installPackages } from \"~/helpers/installPackages.js\";\nimport { scaffoldProject } from \"~/helpers/scaffoldProject.js\";\nimport {\n selectAppFile,\n selectIndexFile,\n selectLayoutFile,\n selectPageFile,\n} from \"~/helpers/selectBoilerplate.js\";\nimport {\n type DatabaseProvider,\n type PkgInstallerMap,\n} from \"~/installers/index.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\n\ninterface CreateProjectOptions {\n projectName: string;\n packages: PkgInstallerMap;\n scopedAppName: string;\n noInstall: boolean;\n importAlias: string;\n appRouter: boolean;\n databaseProvider: DatabaseProvider;\n}\n\nexport const createProject = async ({\n projectName,\n scopedAppName,\n packages,\n noInstall,\n appRouter,\n databaseProvider,\n}: CreateProjectOptions) => {\n const pkgManager = getUserPkgManager();\n const projectDir = path.resolve(process.cwd(), projectName);\n\n // Bootstraps the base Next.js application\n await scaffoldProject({\n projectName,\n projectDir,\n pkgManager,\n scopedAppName,\n noInstall,\n appRouter,\n databaseProvider,\n });\n\n // Install the selected packages\n installPackages({\n projectName,\n scopedAppName,\n projectDir,\n pkgManager,\n packages,\n noInstall,\n appRouter,\n databaseProvider,\n });\n\n // Select necessary _app,index / layout,page files\n if (appRouter) {\n // Replace next.config\n fs.copyFileSync(\n path.join(PKG_ROOT, \"template/extras/config/next-config-appdir.js\"),\n path.join(projectDir, \"next.config.js\")\n );\n\n selectLayoutFile({ projectDir, packages });\n selectPageFile({ projectDir, packages });\n } else {\n selectAppFile({ projectDir, packages });\n selectIndexFile({ projectDir, packages });\n }\n\n // If no tailwind, select use css modules\n if (!packages.tailwind.inUse) {\n const indexModuleCss = path.join(\n PKG_ROOT,\n \"template/extras/src/index.module.css\"\n );\n const indexModuleCssDest = path.join(\n projectDir,\n \"src\",\n appRouter ? \"app\" : \"pages\",\n \"index.module.css\"\n );\n fs.copyFileSync(indexModuleCss, indexModuleCssDest);\n }\n\n return projectDir;\n};\n" }, { "path": "cli/src/helpers/format.ts", "content": "import chalk from \"chalk\";\nimport { execa } from \"execa\";\nimport ora from \"ora\";\n\nimport { type PackageManager } from \"~/utils/getUserPkgManager.js\";\nimport { logger } from \"~/utils/logger.js\";\n\n// Runs format and lint command to ensure created repository is tidy upon creation\nexport const formatProject = async ({\n pkgManager,\n projectDir,\n eslint,\n biome,\n}: {\n pkgManager: PackageManager;\n projectDir: string;\n eslint: boolean;\n biome: boolean;\n}) => {\n logger.info(`Formatting project with ${eslint ? \"prettier\" : \"biome\"}...`);\n const spinner = ora(\"Running format command\\n\").start();\n\n if (eslint) {\n await execa(pkgManager, [\"run\", \"format:write\"], {\n cwd: projectDir,\n });\n } else if (biome) {\n await execa(pkgManager, [\"run\", \"check:unsafe\"], {\n cwd: projectDir,\n });\n }\n spinner.succeed(`${chalk.green(\"Successfully formatted project\")}`);\n};\n" }, { "path": "cli/src/helpers/git.ts", "content": "import { execSync } from \"child_process\";\nimport path from \"path\";\nimport * as p from \"@clack/prompts\";\nimport chalk from \"chalk\";\nimport { execa } from \"execa\";\nimport fs from \"fs-extra\";\nimport ora from \"ora\";\n\nimport { logger } from \"~/utils/logger.js\";\n\nconst isGitInstalled = (dir: string): boolean => {\n try {\n execSync(\"git --version\", { cwd: dir });\n return true;\n } catch {\n return false;\n }\n};\n\n/** @returns Whether or not the provided directory has a `.git` subdirectory in it. */\nexport const isRootGitRepo = (dir: string): boolean => {\n return fs.existsSync(path.join(dir, \".git\"));\n};\n\n/** @returns Whether or not this directory or a parent directory has a `.git` directory. */\nexport const isInsideGitRepo = async (dir: string): Promise => {\n try {\n // If this command succeeds, we're inside a git repo\n await execa(\"git\", [\"rev-parse\", \"--is-inside-work-tree\"], {\n cwd: dir,\n stdout: \"ignore\",\n });\n return true;\n } catch {\n // Else, it will throw a git-error and we return false\n return false;\n }\n};\n\nconst getGitVersion = () => {\n const stdout = execSync(\"git --version\").toString().trim();\n const gitVersionTag = stdout.split(\" \")[2];\n const major = gitVersionTag?.split(\".\")[0];\n const minor = gitVersionTag?.split(\".\")[1];\n return { major: Number(major), minor: Number(minor) };\n};\n\n/** @returns The git config value of \"init.defaultBranch\". If it is not set, returns \"main\". */\nconst getDefaultBranch = () => {\n const stdout = execSync(\"git config --global init.defaultBranch || echo main\")\n .toString()\n .trim();\n\n return stdout;\n};\n\n// This initializes the Git-repository for the project\nexport const initializeGit = async (projectDir: string) => {\n logger.info(\"Initializing Git...\");\n\n if (!isGitInstalled(projectDir)) {\n logger.warn(\"Git is not installed. Skipping Git initialization.\");\n return;\n }\n\n const spinner = ora(\"Creating a new git repo...\\n\").start();\n\n const isRoot = isRootGitRepo(projectDir);\n const isInside = await isInsideGitRepo(projectDir);\n const dirName = path.parse(projectDir).name; // skip full path for logging\n\n if (isInside && isRoot) {\n // Dir is a root git repo\n spinner.stop();\n const overwriteGit = await p.confirm({\n message: `${chalk.redBright.bold(\n \"Warning:\"\n )} Git is already initialized in \"${dirName}\". Initializing a new git repository would delete the previous history. Would you like to continue anyways?`,\n initialValue: false,\n });\n\n if (!overwriteGit) {\n spinner.info(\"Skipping Git initialization.\");\n return;\n }\n // Deleting the .git folder\n fs.removeSync(path.join(projectDir, \".git\"));\n } else if (isInside && !isRoot) {\n // Dir is inside a git worktree\n spinner.stop();\n const initializeChildGitRepo = await p.confirm({\n message: `${chalk.redBright.bold(\n \"Warning:\"\n )} \"${dirName}\" is already in a git worktree. Would you still like to initialize a new git repository in this directory?`,\n initialValue: false,\n });\n if (!initializeChildGitRepo) {\n spinner.info(\"Skipping Git initialization.\");\n return;\n }\n }\n\n // We're good to go, initializing the git repo\n try {\n const branchName = getDefaultBranch();\n\n // --initial-branch flag was added in git v2.28.0\n const { major, minor } = getGitVersion();\n if (major < 2 || (major == 2 && minor < 28)) {\n await execa(\"git\", [\"init\"], { cwd: projectDir });\n // symbolic-ref is used here due to refs/heads/master not existing\n // It is only created after the first commit\n // https://superuser.com/a/1419674\n await execa(\"git\", [\"symbolic-ref\", \"HEAD\", `refs/heads/${branchName}`], {\n cwd: projectDir,\n });\n } else {\n await execa(\"git\", [\"init\", `--initial-branch=${branchName}`], {\n cwd: projectDir,\n });\n }\n await execa(\"git\", [\"add\", \".\"], { cwd: projectDir });\n spinner.succeed(\n `${chalk.green(\"Successfully initialized and staged\")} ${chalk.green.bold(\n \"git\"\n )}\\n`\n );\n } catch {\n // Safeguard, should be unreachable\n spinner.fail(\n `${chalk.bold.red(\n \"Failed:\"\n )} could not initialize git. Update git to the latest version!\\n`\n );\n }\n};\n" }, { "path": "cli/src/helpers/installDependencies.ts", "content": "import chalk from \"chalk\";\nimport { execa, type StdioOption } from \"execa\";\nimport ora, { type Ora } from \"ora\";\n\nimport {\n getUserPkgManager,\n type PackageManager,\n} from \"~/utils/getUserPkgManager.js\";\nimport { logger } from \"~/utils/logger.js\";\n\nconst execWithSpinner = async (\n projectDir: string,\n pkgManager: PackageManager,\n options: {\n args?: string[];\n stdout?: StdioOption;\n onDataHandle?: (spinner: Ora) => (data: Buffer) => void;\n }\n) => {\n const { onDataHandle, args = [\"install\"], stdout = \"pipe\" } = options;\n\n const spinner = ora(`Running ${pkgManager} install...`).start();\n const subprocess = execa(pkgManager, args, { cwd: projectDir, stdout });\n\n await new Promise((res, rej) => {\n if (onDataHandle) {\n subprocess.stdout?.on(\"data\", onDataHandle(spinner));\n }\n\n void subprocess.on(\"error\", (e) => rej(e));\n void subprocess.on(\"close\", () => res());\n });\n\n return spinner;\n};\n\nconst runInstallCommand = async (\n pkgManager: PackageManager,\n projectDir: string\n): Promise => {\n switch (pkgManager) {\n // When using npm, inherit the stderr stream so that the progress bar is shown\n case \"npm\":\n await execa(pkgManager, [\"install\"], {\n cwd: projectDir,\n stderr: \"inherit\",\n });\n\n return null;\n // When using yarn or pnpm, use the stdout stream and ora spinner to show the progress\n case \"pnpm\":\n return execWithSpinner(projectDir, pkgManager, {\n onDataHandle: (spinner) => (data) => {\n const text = data.toString();\n\n if (text.includes(\"Progress\")) {\n spinner.text = text.includes(\"|\")\n ? (text.split(\" | \")[1] ?? \"\")\n : text;\n }\n },\n });\n case \"yarn\":\n return execWithSpinner(projectDir, pkgManager, {\n onDataHandle: (spinner) => (data) => {\n spinner.text = data.toString();\n },\n });\n // When using bun, the stdout stream is ignored and the spinner is shown\n case \"bun\":\n return execWithSpinner(projectDir, pkgManager, { stdout: \"ignore\" });\n }\n};\n\nexport const installDependencies = async ({\n projectDir,\n}: {\n projectDir: string;\n}) => {\n logger.info(\"Installing dependencies...\");\n const pkgManager = getUserPkgManager();\n\n const installSpinner = await runInstallCommand(pkgManager, projectDir);\n\n // If the spinner was used to show the progress, use succeed method on it\n // If not, use the succeed on a new spinner\n (installSpinner ?? ora()).succeed(\n chalk.green(\"Successfully installed dependencies!\\n\")\n );\n};\n" }, { "path": "cli/src/helpers/installPackages.ts", "content": "import chalk from \"chalk\";\nimport ora from \"ora\";\n\nimport {\n type InstallerOptions,\n type PkgInstallerMap,\n} from \"~/installers/index.js\";\nimport { logger } from \"~/utils/logger.js\";\n\ntype InstallPackagesOptions = InstallerOptions & {\n packages: PkgInstallerMap;\n};\n// This runs the installer for all the packages that the user has selected\nexport const installPackages = (options: InstallPackagesOptions) => {\n const { packages } = options;\n logger.info(\"Adding boilerplate...\");\n\n for (const [name, pkgOpts] of Object.entries(packages)) {\n if (pkgOpts.inUse) {\n const spinner = ora(`Boilerplating ${name}...`).start();\n pkgOpts.installer(options);\n spinner.succeed(\n chalk.green(\n `Successfully setup boilerplate for ${chalk.green.bold(name)}`\n )\n );\n }\n }\n\n logger.info(\"\");\n};\n" }, { "path": "cli/src/helpers/logNextSteps.ts", "content": "import { DEFAULT_APP_NAME } from \"~/consts.js\";\nimport { type InstallerOptions } from \"~/installers/index.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\nimport { logger } from \"~/utils/logger.js\";\nimport { isInsideGitRepo, isRootGitRepo } from \"./git.js\";\n\n// This logs the next steps that the user should take in order to advance the project\nexport const logNextSteps = async ({\n projectName = DEFAULT_APP_NAME,\n packages,\n noInstall,\n projectDir,\n databaseProvider,\n}: Pick<\n InstallerOptions,\n | \"projectName\"\n | \"packages\"\n | \"noInstall\"\n | \"projectDir\"\n | \"appRouter\"\n | \"databaseProvider\"\n>) => {\n const pkgManager = getUserPkgManager();\n\n logger.info(\"Next steps:\");\n if (projectName !== \".\") {\n logger.info(` cd ${projectName}`);\n }\n if (noInstall) {\n // To reflect yarn's default behavior of installing packages when no additional args provided\n if (pkgManager === \"yarn\") {\n logger.info(` ${pkgManager}`);\n } else {\n logger.info(` ${pkgManager} install`);\n }\n }\n\n if ([\"postgres\", \"mysql\"].includes(databaseProvider)) {\n logger.info(\" Start up a database, if needed using './start-database.sh'\");\n }\n\n if (packages?.prisma.inUse || packages?.drizzle.inUse) {\n if ([\"npm\", \"bun\"].includes(pkgManager)) {\n logger.info(` ${pkgManager} run db:push`);\n } else {\n logger.info(` ${pkgManager} db:push`);\n }\n }\n\n if (packages?.nextAuth.inUse) {\n logger.info(\n ` Fill in your .env with necessary values. See https://create.t3.gg/en/usage/first-steps for more info.`\n );\n }\n\n if ([\"npm\", \"bun\"].includes(pkgManager)) {\n logger.info(` ${pkgManager} run dev`);\n } else {\n logger.info(` ${pkgManager} dev`);\n }\n\n if (!(await isInsideGitRepo(projectDir)) && !isRootGitRepo(projectDir)) {\n logger.info(` git init`);\n }\n logger.info(` git commit -m \"initial commit\"`);\n};\n" }, { "path": "cli/src/helpers/scaffoldProject.ts", "content": "import path from \"path\";\nimport * as p from \"@clack/prompts\";\nimport chalk from \"chalk\";\nimport fs from \"fs-extra\";\nimport ora from \"ora\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type InstallerOptions } from \"~/installers/index.js\";\nimport { logger } from \"~/utils/logger.js\";\n\n// This bootstraps the base Next.js application\nexport const scaffoldProject = async ({\n projectName,\n projectDir,\n pkgManager,\n noInstall,\n}: InstallerOptions) => {\n const srcDir = path.join(PKG_ROOT, \"template/base\");\n\n if (!noInstall) {\n logger.info(`\\nUsing: ${chalk.cyan.bold(pkgManager)}\\n`);\n } else {\n logger.info(\"\");\n }\n\n const spinner = ora(`Scaffolding in: ${projectDir}...\\n`).start();\n\n if (fs.existsSync(projectDir)) {\n if (fs.readdirSync(projectDir).length === 0) {\n if (projectName !== \".\")\n spinner.info(\n `${chalk.cyan.bold(projectName)} exists but is empty, continuing...\\n`\n );\n } else {\n spinner.stopAndPersist();\n const overwriteDir = await p.select({\n message: `${chalk.redBright.bold(\"Warning:\")} ${chalk.cyan.bold(\n projectName\n )} already exists and isn't empty. How would you like to proceed?`,\n options: [\n {\n label: \"Abort installation (recommended)\",\n value: \"abort\",\n },\n {\n label: \"Clear the directory and continue installation\",\n value: \"clear\",\n },\n {\n label: \"Continue installation and overwrite conflicting files\",\n value: \"overwrite\",\n },\n ],\n initialValue: \"abort\",\n });\n\n if (p.isCancel(overwriteDir) || overwriteDir === \"abort\") {\n spinner.fail(\"Aborting installation...\");\n process.exit(1);\n }\n\n const confirmOverwriteDir = await p.confirm({\n message: `Are you sure you want to ${\n overwriteDir === \"clear\"\n ? \"clear the directory\"\n : \"overwrite conflicting files\"\n }?`,\n initialValue: false,\n });\n\n if (p.isCancel(confirmOverwriteDir) || !confirmOverwriteDir) {\n spinner.fail(\"Aborting installation...\");\n process.exit(1);\n }\n\n if (overwriteDir === \"clear\") {\n spinner.info(\n `Emptying ${chalk.cyan.bold(projectName)} and creating t3 app..\\n`\n );\n fs.emptyDirSync(projectDir);\n }\n }\n }\n\n spinner.start();\n\n fs.copySync(srcDir, projectDir);\n fs.renameSync(\n path.join(projectDir, \"_gitignore\"),\n path.join(projectDir, \".gitignore\")\n );\n\n const scaffoldedName =\n projectName === \".\" ? \"App\" : chalk.cyan.bold(projectName);\n\n spinner.succeed(\n `${scaffoldedName} ${chalk.green(\"scaffolded successfully!\")}\\n`\n );\n};\n" }, { "path": "cli/src/helpers/selectBoilerplate.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type InstallerOptions } from \"~/installers/index.js\";\n\ntype SelectBoilerplateProps = Required<\n Pick\n>;\n// This generates the _app.tsx file that is used to render the app\nexport const selectAppFile = ({\n projectDir,\n packages,\n}: SelectBoilerplateProps) => {\n const appFileDir = path.join(PKG_ROOT, \"template/extras/src/pages/_app\");\n\n const usingTw = packages.tailwind.inUse;\n const usingTRPC = packages.trpc.inUse;\n const usingAuth = packages?.nextAuth.inUse ?? packages?.betterAuth.inUse;\n const usingBetterAuth = packages?.betterAuth.inUse;\n\n let appFile = \"base.tsx\";\n if (usingTRPC && usingTw && usingBetterAuth) {\n appFile = \"with-better-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingBetterAuth) {\n appFile = \"with-better-auth-trpc.tsx\";\n } else if (usingTRPC && usingTw && usingAuth) {\n appFile = \"with-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingAuth) {\n appFile = \"with-auth-trpc.tsx\";\n } else if (usingTRPC && usingTw) {\n appFile = \"with-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw) {\n appFile = \"with-trpc.tsx\";\n } else if (!usingTRPC && usingTw) {\n appFile = \"with-tw.tsx\";\n } else if (usingAuth && usingTw) {\n appFile = \"with-auth-tw.tsx\";\n } else if (usingAuth && !usingTw) {\n appFile = \"with-auth.tsx\";\n }\n\n const appSrc = path.join(appFileDir, appFile);\n const appDest = path.join(projectDir, \"src/pages/_app.tsx\");\n fs.copySync(appSrc, appDest);\n};\n\n// Similar to _app, but for app router\nexport const selectLayoutFile = ({\n projectDir,\n packages,\n}: SelectBoilerplateProps) => {\n const layoutFileDir = path.join(PKG_ROOT, \"template/extras/src/app/layout\");\n\n const usingTw = packages.tailwind.inUse;\n const usingTRPC = packages.trpc.inUse;\n let layoutFile = \"base.tsx\";\n if (usingTRPC && usingTw) {\n layoutFile = \"with-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw) {\n layoutFile = \"with-trpc.tsx\";\n } else if (!usingTRPC && usingTw) {\n layoutFile = \"with-tw.tsx\";\n }\n\n const appSrc = path.join(layoutFileDir, layoutFile);\n const appDest = path.join(projectDir, \"src/app/layout.tsx\");\n fs.copySync(appSrc, appDest);\n};\n\n// This selects the proper index.tsx to be used that showcases the chosen tech\nexport const selectIndexFile = ({\n projectDir,\n packages,\n}: SelectBoilerplateProps) => {\n const indexFileDir = path.join(PKG_ROOT, \"template/extras/src/pages/index\");\n\n const usingTRPC = packages.trpc.inUse;\n const usingTw = packages.tailwind.inUse;\n const usingBetterAuth = packages?.betterAuth.inUse;\n const usingNextAuth = packages?.nextAuth.inUse;\n const usingAuth = usingNextAuth || usingBetterAuth;\n\n let indexFile = \"base.tsx\";\n if (usingTRPC && usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-trpc.tsx\";\n } else if (!usingTRPC && usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-tw.tsx\";\n } else if (!usingTRPC && !usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth.tsx\";\n } else if (usingTRPC && usingTw && usingAuth) {\n indexFile = \"with-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingAuth) {\n indexFile = \"with-auth-trpc.tsx\";\n } else if (usingTRPC && usingTw) {\n indexFile = \"with-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw) {\n indexFile = \"with-trpc.tsx\";\n } else if (!usingTRPC && usingTw) {\n indexFile = \"with-tw.tsx\";\n }\n\n const indexSrc = path.join(indexFileDir, indexFile);\n const indexDest = path.join(projectDir, \"src/pages/index.tsx\");\n fs.copySync(indexSrc, indexDest);\n};\n\n// Similar to index, but for app router\nexport const selectPageFile = ({\n projectDir,\n packages,\n}: SelectBoilerplateProps) => {\n const indexFileDir = path.join(PKG_ROOT, \"template/extras/src/app/page\");\n\n const usingTRPC = packages.trpc.inUse;\n const usingTw = packages.tailwind.inUse;\n const usingAuth = packages?.nextAuth.inUse;\n const usingBetterAuth = packages?.betterAuth.inUse;\n\n let indexFile = \"base.tsx\";\n if (usingTRPC && usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-trpc.tsx\";\n } else if (!usingTRPC && usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth-tw.tsx\";\n } else if (!usingTRPC && !usingTw && usingBetterAuth) {\n indexFile = \"with-better-auth.tsx\";\n } else if (usingTRPC && usingTw && usingAuth) {\n indexFile = \"with-auth-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw && usingAuth) {\n indexFile = \"with-auth-trpc.tsx\";\n } else if (usingTRPC && usingTw) {\n indexFile = \"with-trpc-tw.tsx\";\n } else if (usingTRPC && !usingTw) {\n indexFile = \"with-trpc.tsx\";\n } else if (!usingTRPC && usingTw) {\n indexFile = \"with-tw.tsx\";\n }\n\n const indexSrc = path.join(indexFileDir, indexFile);\n const indexDest = path.join(projectDir, \"src/app/page.tsx\");\n fs.copySync(indexSrc, indexDest);\n};\n" }, { "path": "cli/src/helpers/setImportAlias.ts", "content": "import fs from \"fs\";\nimport path from \"path\";\n\nfunction replaceTextInFiles(\n directoryPath: string,\n search: string,\n replacement: string\n): void {\n const files = fs.readdirSync(directoryPath);\n\n files.forEach((file) => {\n const filePath = path.join(directoryPath, file);\n if (fs.statSync(filePath).isDirectory()) {\n replaceTextInFiles(filePath, search, replacement);\n } else {\n const data = fs.readFileSync(filePath, \"utf8\");\n const updatedData = data.replace(new RegExp(search, \"g\"), replacement);\n fs.writeFileSync(filePath, updatedData, \"utf8\");\n }\n });\n}\n\nexport const setImportAlias = (projectDir: string, importAlias: string) => {\n const normalizedImportAlias = importAlias\n .replace(/\\*/g, \"\") // remove any wildcards (~/* -> ~/)\n .replace(/[^/]$/, \"$&/\"); // ensure trailing slash (@ -> ~/)\n\n // update import alias in any files if not using the default\n replaceTextInFiles(projectDir, `~/`, normalizedImportAlias);\n};\n" }, { "path": "cli/src/index.ts", "content": "#!/usr/bin/env node\nimport path from \"path\";\nimport { execa } from \"execa\";\nimport fs from \"fs-extra\";\nimport { type PackageJson } from \"type-fest\";\n\nimport { runCli } from \"~/cli/index.js\";\nimport { createProject } from \"~/helpers/createProject.js\";\nimport { initializeGit } from \"~/helpers/git.js\";\nimport { logNextSteps } from \"~/helpers/logNextSteps.js\";\nimport { setImportAlias } from \"~/helpers/setImportAlias.js\";\nimport { buildPkgInstallerMap } from \"~/installers/index.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\nimport { logger } from \"~/utils/logger.js\";\nimport { parseNameAndPath } from \"~/utils/parseNameAndPath.js\";\nimport { renderTitle } from \"~/utils/renderTitle.js\";\nimport { formatProject } from \"./helpers/format.js\";\nimport { installDependencies } from \"./helpers/installDependencies.js\";\nimport { getVersion } from \"./utils/getT3Version.js\";\nimport {\n getNpmVersion,\n renderVersionWarning,\n} from \"./utils/renderVersionWarning.js\";\n\ntype CT3APackageJSON = PackageJson & {\n ct3aMetadata?: {\n initVersion: string;\n };\n};\n\nconst main = async () => {\n const npmVersion = await getNpmVersion();\n const pkgManager = getUserPkgManager();\n renderTitle();\n if (npmVersion) {\n renderVersionWarning(npmVersion);\n }\n\n const {\n appName,\n packages,\n flags: { noGit, noInstall, importAlias, appRouter },\n databaseProvider,\n } = await runCli();\n\n const usePackages = buildPkgInstallerMap(packages, databaseProvider);\n\n // e.g. dir/@mono/app returns [\"@mono/app\", \"dir/app\"]\n const [scopedAppName, appDir] = parseNameAndPath(appName);\n\n const projectDir = await createProject({\n projectName: appDir,\n scopedAppName,\n packages: usePackages,\n databaseProvider,\n importAlias,\n noInstall,\n appRouter,\n });\n\n // Write name to package.json\n const pkgJson = fs.readJSONSync(\n path.join(projectDir, \"package.json\")\n ) as CT3APackageJSON;\n pkgJson.name = scopedAppName;\n pkgJson.ct3aMetadata = { initVersion: getVersion() };\n\n // ? Bun doesn't support this field (yet)\n if (pkgManager !== \"bun\") {\n const { stdout } = await execa(pkgManager, [\"-v\"], {\n cwd: projectDir,\n });\n pkgJson.packageManager = `${pkgManager}@${stdout.trim()}`;\n }\n\n fs.writeJSONSync(path.join(projectDir, \"package.json\"), pkgJson, {\n spaces: 2,\n });\n\n // update import alias in any generated files if not using the default\n if (importAlias !== \"~/\") {\n setImportAlias(projectDir, importAlias);\n }\n\n if (!noInstall) {\n await installDependencies({ projectDir });\n\n if (usePackages.prisma.inUse) {\n logger.info(\"Generating Prisma client...\");\n await execa(\"npx\", [\"prisma\", \"generate\"], { cwd: projectDir });\n logger.info(\"Successfully generated Prisma client!\");\n }\n\n await formatProject({\n pkgManager,\n projectDir,\n eslint: packages.includes(\"eslint\"),\n biome: packages.includes(\"biome\"),\n });\n }\n\n if (!noGit) {\n await initializeGit(projectDir);\n }\n\n await logNextSteps({\n projectName: appDir,\n packages: usePackages,\n appRouter,\n noInstall,\n projectDir,\n databaseProvider,\n });\n\n process.exit(0);\n};\n\nmain().catch((err) => {\n logger.error(\"Aborting installation...\");\n if (err instanceof Error) {\n logger.error(err);\n } else {\n logger.error(\n \"An unknown error has occurred. Please open an issue on github with the below:\"\n );\n console.log(err);\n }\n process.exit(1);\n});\n" }, { "path": "cli/src/installers/betterAuth.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type AvailableDependencies } from \"~/installers/dependencyVersionMap.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\n\nexport const betterAuthInstaller: Installer = ({\n projectDir,\n packages,\n databaseProvider,\n appRouter,\n}) => {\n const usingPrisma = packages?.prisma.inUse;\n const usingDrizzle = packages?.drizzle.inUse;\n\n const deps: AvailableDependencies[] = [\"better-auth\"];\n if (usingPrisma) deps.push(\"@auth/prisma-adapter\");\n if (usingDrizzle) deps.push(\"@auth/drizzle-adapter\");\n\n addPackageDependency({\n projectDir,\n dependencies: deps,\n devMode: false,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const isAppRouter = appRouter ?? true; // Default to app router if not specified\n\n const apiHandlerFile = isAppRouter\n ? \"src/app/api/auth/[...all]/route.ts\"\n : \"src/pages/api/auth/[...all].ts\";\n\n const apiHandlerSrc = path.join(extrasDir, apiHandlerFile);\n const apiHandlerDest = path.join(projectDir, apiHandlerFile);\n\n const authConfigSrc = path.join(\n extrasDir,\n \"src/server/better-auth/config\",\n usingPrisma\n ? \"with-prisma.ts\"\n : usingDrizzle\n ? \"with-drizzle.ts\"\n : \"base.ts\"\n );\n const authConfigDest = path.join(\n projectDir,\n \"src/server/better-auth/config.ts\"\n );\n\n const authIndexSrc = path.join(extrasDir, \"src/server/better-auth/index.ts\");\n const authIndexDest = path.join(\n projectDir,\n \"src/server/better-auth/index.ts\"\n );\n\n // Better Auth client and server helpers\n const betterAuthClientSrc = path.join(\n extrasDir,\n \"src/server/better-auth/client.ts\"\n );\n const betterAuthClientDest = path.join(\n projectDir,\n \"src/server/better-auth/client.ts\"\n );\n const betterAuthServerSrc = path.join(\n extrasDir,\n \"src/server/better-auth/server.ts\"\n );\n const betterAuthServerDest = path.join(\n projectDir,\n \"src/server/better-auth/server.ts\"\n );\n\n fs.copySync(apiHandlerSrc, apiHandlerDest);\n fs.copySync(authConfigSrc, authConfigDest);\n fs.copySync(authIndexSrc, authIndexDest);\n fs.copySync(betterAuthClientSrc, betterAuthClientDest);\n fs.copySync(betterAuthServerSrc, betterAuthServerDest);\n\n // Update Better Auth adapter provider according to selected DB\n try {\n if (fs.pathExistsSync(authConfigDest)) {\n const content = fs.readFileSync(authConfigDest, \"utf8\");\n\n // Map CLI database provider to adapter provider strings\n const providerForDrizzle = (db: string) => {\n switch (db) {\n case \"postgres\":\n return \"pg\";\n case \"mysql\":\n case \"planetscale\":\n return \"mysql\";\n case \"sqlite\":\n return \"sqlite\";\n default:\n return \"pg\";\n }\n };\n\n const providerForPrisma = (db: string) => {\n switch (db) {\n case \"postgres\":\n return \"postgresql\";\n case \"mysql\":\n case \"planetscale\":\n return \"mysql\";\n case \"sqlite\":\n return \"sqlite\";\n default:\n return \"postgresql\";\n }\n };\n\n const providerValue = usingPrisma\n ? providerForPrisma(databaseProvider)\n : usingDrizzle\n ? providerForDrizzle(databaseProvider)\n : undefined;\n\n if (providerValue) {\n const updated = content.replace(\n /(provider:\\s*\")[^\"]+(\"\\s*,?)/,\n `$1${providerValue}$2`\n );\n fs.writeFileSync(authConfigDest, updated, \"utf8\");\n }\n }\n } catch {\n // Non-fatal: leave default provider from template\n }\n};\n" }, { "path": "cli/src/installers/biome.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\nimport { addPackageScript } from \"~/utils/addPackageScript.js\";\n\nexport const biomeInstaller: Installer = ({ projectDir }) => {\n addPackageDependency({\n projectDir,\n dependencies: [\"@biomejs/biome\"],\n devMode: true,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n const biomeConfigSrc = path.join(extrasDir, \"config/biome.jsonc\");\n const biomeConfigDest = path.join(projectDir, \"biome.jsonc\");\n\n fs.copySync(biomeConfigSrc, biomeConfigDest);\n\n addPackageScript({\n projectDir,\n scripts: {\n \"check:unsafe\": \"biome check --write --unsafe .\",\n \"check:write\": \"biome check --write .\",\n check: \"biome check .\",\n },\n });\n};\n" }, { "path": "cli/src/installers/dbContainer.ts", "content": "import fs from \"fs\";\nimport path from \"path\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { parseNameAndPath } from \"~/utils/parseNameAndPath.js\";\n\n// Sanitizes a project name to ensure it adheres to Docker container naming conventions.\nconst sanitizeName = (name: string): string => {\n return name\n .replace(/[^a-zA-Z0-9_.-]/g, \"_\") // Replace invalid characters with underscores\n .toLowerCase(); // Convert to lowercase for consistency\n};\n\nexport const dbContainerInstaller: Installer = ({\n projectDir,\n databaseProvider,\n projectName,\n}) => {\n const scriptSrc = path.join(\n PKG_ROOT,\n `template/extras/start-database/${databaseProvider}.sh`\n );\n const scriptText = fs.readFileSync(scriptSrc, \"utf-8\");\n const scriptDest = path.join(projectDir, \"start-database.sh\");\n // for configuration with postgresql and mysql when project is created with '.' project name\n const [projectNameParsed] =\n projectName === \".\" ? parseNameAndPath(projectDir) : [projectName];\n\n // Sanitize the project name for Docker container usage\n const sanitizedProjectName = sanitizeName(projectNameParsed);\n\n fs.writeFileSync(\n scriptDest,\n scriptText.replaceAll(\"project1\", sanitizedProjectName)\n );\n fs.chmodSync(scriptDest, \"755\");\n};\n" }, { "path": "cli/src/installers/dependencyVersionMap.ts", "content": "/*\n * This maps the necessary packages to a version.\n * This improves performance significantly over fetching it from the npm registry.\n */\nexport const dependencyVersionMap = {\n // NextAuth.js\n \"next-auth\": \"5.0.0-beta.25\",\n \"@auth/prisma-adapter\": \"^2.7.2\",\n \"@auth/drizzle-adapter\": \"^1.7.2\",\n\n // Better-Auth\n \"better-auth\": \"^1.3\",\n\n // Prisma\n prisma: \"^6.6.0\",\n \"@prisma/client\": \"^6.6.0\",\n \"@prisma/adapter-planetscale\": \"^6.6.0\",\n\n // Drizzle\n \"drizzle-kit\": \"^0.30.5\",\n \"drizzle-orm\": \"^0.41.0\",\n mysql2: \"^3.11.0\",\n \"@planetscale/database\": \"^1.19.0\",\n postgres: \"^3.4.4\",\n \"@libsql/client\": \"^0.14.0\",\n\n // TailwindCSS\n tailwindcss: \"^4.0.15\",\n postcss: \"^8.5.3\",\n \"@tailwindcss/postcss\": \"^4.0.15\",\n\n // tRPC\n \"@trpc/client\": \"^11.0.0\",\n \"@trpc/server\": \"^11.0.0\",\n \"@trpc/react-query\": \"^11.0.0\",\n \"@trpc/next\": \"^11.0.0\",\n \"@tanstack/react-query\": \"^5.69.0\",\n superjson: \"^2.2.1\",\n \"server-only\": \"^0.0.1\",\n\n // biome\n \"@biomejs/biome\": \"^2.2.5\",\n\n // eslint / prettier\n prettier: \"^3.5.3\",\n \"@eslint/eslintrc\": \"^3.3.1\",\n \"prettier-plugin-tailwindcss\": \"^0.6.11\",\n eslint: \"^9.23.0\",\n \"eslint-config-next\": \"^15.2.3\",\n \"eslint-plugin-drizzle\": \"^0.2.3\",\n \"typescript-eslint\": \"^8.27.0\",\n} as const;\nexport type AvailableDependencies = keyof typeof dependencyVersionMap;\n" }, { "path": "cli/src/installers/drizzle.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\nimport { addPackageScript } from \"~/utils/addPackageScript.js\";\n\nexport const drizzleInstaller: Installer = ({\n projectDir,\n packages,\n scopedAppName,\n databaseProvider,\n}) => {\n addPackageDependency({\n projectDir,\n dependencies: [\"drizzle-kit\"],\n devMode: true,\n });\n addPackageDependency({\n projectDir,\n dependencies: [\n \"drizzle-orm\",\n (\n {\n planetscale: \"@planetscale/database\",\n mysql: \"mysql2\",\n postgres: \"postgres\",\n sqlite: \"@libsql/client\",\n } as const\n )[databaseProvider],\n ],\n devMode: false,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const configFile = path.join(\n extrasDir,\n `config/drizzle-config-${\n databaseProvider === \"planetscale\" ? \"mysql\" : databaseProvider\n }.ts`\n );\n const configDest = path.join(projectDir, \"drizzle.config.ts\");\n\n const schemaBaseName = packages?.betterAuth.inUse\n ? \"with-better-auth\"\n : packages?.nextAuth.inUse\n ? \"with-auth\"\n : \"base\";\n const schemaSrc = path.join(\n extrasDir,\n \"src/server/db/schema-drizzle\",\n `${schemaBaseName}-${databaseProvider}.ts`\n );\n const schemaDest = path.join(projectDir, \"src/server/db/schema.ts\");\n\n // Replace placeholder table prefix with project name\n let schemaContent = fs.readFileSync(schemaSrc, \"utf-8\");\n schemaContent = schemaContent.replace(\n \"project1_${name}\",\n `${scopedAppName}_\\${name}`\n );\n\n let configContent = fs.readFileSync(configFile, \"utf-8\");\n\n configContent = configContent.replace(\"project1_*\", `${scopedAppName}_*`);\n\n const clientSrc = path.join(\n extrasDir,\n `src/server/db/index-drizzle/with-${databaseProvider}.ts`\n );\n const clientDest = path.join(projectDir, \"src/server/db/index.ts\");\n\n addPackageScript({\n projectDir,\n scripts: {\n \"db:push\": \"drizzle-kit push\",\n \"db:studio\": \"drizzle-kit studio\",\n \"db:generate\": \"drizzle-kit generate\",\n \"db:migrate\": \"drizzle-kit migrate\",\n },\n });\n\n fs.copySync(configFile, configDest);\n fs.mkdirSync(path.dirname(schemaDest), { recursive: true });\n fs.writeFileSync(schemaDest, schemaContent);\n fs.writeFileSync(configDest, configContent);\n fs.copySync(clientSrc, clientDest);\n};\n" }, { "path": "cli/src/installers/envVars.ts", "content": "import crypto from \"node:crypto\";\nimport path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type DatabaseProvider, type Installer } from \"~/installers/index.js\";\n\nexport const envVariablesInstaller: Installer = ({\n projectDir,\n packages,\n databaseProvider,\n scopedAppName,\n}) => {\n const usingNextAuth = packages?.nextAuth.inUse;\n const usingBetterAuth = packages?.betterAuth.inUse;\n const usingPrisma = packages?.prisma.inUse;\n const usingDrizzle = packages?.drizzle.inUse;\n\n const usingDb = usingPrisma === true || usingDrizzle === true;\n const usingPlanetScale = databaseProvider === \"planetscale\";\n\n const envContent = getEnvContent(\n !!usingNextAuth,\n !!usingBetterAuth,\n !!usingPrisma,\n !!usingDrizzle,\n databaseProvider,\n scopedAppName\n );\n\n let envFile = \"\";\n if (usingDb) {\n if (usingPlanetScale) {\n if (usingBetterAuth) envFile = \"with-better-auth-db-planetscale.js\";\n else if (usingNextAuth) envFile = \"with-auth-db-planetscale.js\";\n else envFile = \"with-db-planetscale.js\";\n } else {\n if (usingBetterAuth) envFile = \"with-better-auth-db.js\";\n else if (usingNextAuth) envFile = \"with-auth-db.js\";\n else envFile = \"with-db.js\";\n }\n } else {\n if (usingBetterAuth) envFile = \"with-better-auth.js\";\n else if (usingNextAuth) envFile = \"with-auth.js\";\n }\n\n if (envFile !== \"\") {\n const envSchemaSrc = path.join(\n PKG_ROOT,\n \"template/extras/src/env\",\n envFile\n );\n const envSchemaDest = path.join(projectDir, \"src/env.js\");\n fs.copyFileSync(envSchemaSrc, envSchemaDest);\n }\n\n const envDest = path.join(projectDir, \".env\");\n const envExampleDest = path.join(projectDir, \".env.example\");\n\n const _exampleEnvContent = exampleEnvContent + envContent;\n\n // Generate an auth secret and put in .env, not .env.example\n const secret = Buffer.from(\n crypto.getRandomValues(new Uint8Array(32))\n ).toString(\"base64\");\n const _envContent = envContent\n .replace(\n 'AUTH_SECRET=\"\"',\n `AUTH_SECRET=\"${secret}\" # Generated by create-t3-app.`\n )\n .replace(\n 'BETTER_AUTH_SECRET=\"\"',\n `BETTER_AUTH_SECRET=\"${secret}\" # Generated by create-t3-app.`\n );\n\n fs.writeFileSync(envDest, _envContent, \"utf-8\");\n fs.writeFileSync(envExampleDest, _exampleEnvContent, \"utf-8\");\n};\n\nconst getEnvContent = (\n usingNextAuth: boolean,\n usingBetterAuth: boolean,\n usingPrisma: boolean,\n usingDrizzle: boolean,\n databaseProvider: DatabaseProvider,\n scopedAppName: string\n) => {\n let content = `\n# When adding additional environment variables, the schema in \"/src/env.js\"\n# should be updated accordingly.\n`\n .trim()\n .concat(\"\\n\");\n\n if (usingNextAuth)\n content += `\n# Next Auth\n# You can generate a new secret on the command line with:\n# npx auth secret\n# https://next-auth.js.org/configuration/options#secret\nAUTH_SECRET=\"\"\n\n# Next Auth Discord Provider\nAUTH_DISCORD_ID=\"\"\nAUTH_DISCORD_SECRET=\"\"\n`;\n\n if (usingBetterAuth)\n content += `\n# Better Auth\n# Secret used by Better Auth\nBETTER_AUTH_SECRET=\"\"\n\n# Better Auth GitHub OAuth\nBETTER_AUTH_GITHUB_CLIENT_ID=\"\"\nBETTER_AUTH_GITHUB_CLIENT_SECRET=\"\"\n`;\n\n if (usingPrisma)\n content += `\n# Prisma\n# https://www.prisma.io/docs/reference/database-reference/connection-urls#env\n`;\n\n if (usingDrizzle) content += \"\\n# Drizzle\\n\";\n\n if (usingPrisma || usingDrizzle) {\n if (databaseProvider === \"planetscale\") {\n if (usingDrizzle) {\n content += `# Get the Database URL from the \"prisma\" dropdown selector in PlanetScale.\n# Change the query params at the end of the URL to \"?ssl={\"rejectUnauthorized\":true}\"\nDATABASE_URL='mysql://YOUR_MYSQL_URL_HERE?ssl={\"rejectUnauthorized\":true}'`;\n } else {\n content += `# Get the Database URL from the \"prisma\" dropdown selector in PlanetScale.\nDATABASE_URL='mysql://YOUR_MYSQL_URL_HERE?sslaccept=strict'`;\n }\n } else if (databaseProvider === \"mysql\") {\n content += `DATABASE_URL=\"mysql://root:password@localhost:3306/${scopedAppName}\"`;\n } else if (databaseProvider === \"postgres\") {\n content += `DATABASE_URL=\"postgresql://postgres:password@localhost:5432/${scopedAppName}\"`;\n } else if (databaseProvider === \"sqlite\") {\n content += 'DATABASE_URL=\"file:./db.sqlite\"';\n }\n content += \"\\n\";\n }\n\n if (!usingNextAuth && !usingBetterAuth && !usingPrisma && !usingDrizzle)\n content += `\n# Example:\n# SERVERVAR=\"foo\"\n# NEXT_PUBLIC_CLIENTVAR=\"bar\"\n`;\n\n return content;\n};\n\nconst exampleEnvContent = `\n# Since the \".env\" file is gitignored, you can use the \".env.example\" file to\n# build a new \".env\" file when you clone the repo. Keep this file up-to-date\n# when you add new variables to \\`.env\\`.\n\n# This file will be committed to version control, so make sure not to have any\n# secrets in it. If you are cloning this repo, create a copy of this file named\n# \".env\" and populate it with your secrets.\n`\n .trim()\n .concat(\"\\n\\n\");\n" }, { "path": "cli/src/installers/eslint.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\nimport { addPackageScript } from \"~/utils/addPackageScript.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\nimport { type AvailableDependencies } from \"./dependencyVersionMap.js\";\n\n// Also installs prettier\nexport const dynamicEslintInstaller: Installer = ({ projectDir, packages }) => {\n const devPackages: AvailableDependencies[] = [\n \"prettier\",\n \"eslint\",\n \"eslint-config-next\",\n \"typescript-eslint\",\n \"@eslint/eslintrc\",\n ];\n\n if (packages?.tailwind.inUse) {\n devPackages.push(\"prettier-plugin-tailwindcss\");\n }\n if (packages?.drizzle.inUse) {\n devPackages.push(\"eslint-plugin-drizzle\");\n }\n\n addPackageDependency({\n projectDir,\n dependencies: devPackages,\n devMode: true,\n });\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n // Prettier\n let prettierSrc: string;\n if (packages?.tailwind.inUse) {\n prettierSrc = path.join(extrasDir, \"config/_tailwind.prettier.config.js\");\n } else {\n prettierSrc = path.join(extrasDir, \"config/_prettier.config.js\");\n }\n const prettierDest = path.join(projectDir, \"prettier.config.js\");\n\n fs.copySync(prettierSrc, prettierDest);\n\n // pnpm\n const pkgManager = getUserPkgManager();\n if (pkgManager === \"pnpm\") {\n const pnpmSrc = path.join(extrasDir, \"pnpm/_npmrc\");\n fs.copySync(pnpmSrc, path.join(projectDir, \".npmrc\"));\n }\n\n addPackageScript({\n projectDir,\n scripts: {\n lint: \"next lint\",\n \"lint:fix\": \"next lint --fix\",\n check: \"next lint && tsc --noEmit\",\n \"format:write\": 'prettier --write \"**/*.{ts,tsx,js,jsx,mdx}\" --cache',\n \"format:check\": 'prettier --check \"**/*.{ts,tsx,js,jsx,mdx}\" --cache',\n },\n });\n\n // eslint\n const usingDrizzle = !!packages?.drizzle?.inUse;\n const eslintConfigSrc = path.join(\n extrasDir,\n usingDrizzle ? \"config/_eslint.drizzle.js\" : \"config/_eslint.base.js\"\n );\n const eslintConfigDest = path.join(projectDir, \"eslint.config.js\");\n\n fs.copySync(eslintConfigSrc, eslintConfigDest);\n};\n" }, { "path": "cli/src/installers/index.ts", "content": "import { envVariablesInstaller } from \"~/installers/envVars.js\";\nimport { nextAuthInstaller } from \"~/installers/nextAuth.js\";\nimport { prismaInstaller } from \"~/installers/prisma.js\";\nimport { tailwindInstaller } from \"~/installers/tailwind.js\";\nimport { trpcInstaller } from \"~/installers/trpc.js\";\nimport { type PackageManager } from \"~/utils/getUserPkgManager.js\";\nimport { betterAuthInstaller } from \"./betterAuth.js\";\nimport { biomeInstaller } from \"./biome.js\";\nimport { dbContainerInstaller } from \"./dbContainer.js\";\nimport { drizzleInstaller } from \"./drizzle.js\";\nimport { dynamicEslintInstaller } from \"./eslint.js\";\n\n// Turning this into a const allows the list to be iterated over for programmatically creating prompt options\n// Should increase extensibility in the future\nexport const availablePackages = [\n \"nextAuth\",\n \"betterAuth\",\n \"prisma\",\n \"drizzle\",\n \"tailwind\",\n \"trpc\",\n \"envVariables\",\n \"eslint\",\n \"biome\",\n \"dbContainer\",\n] as const;\nexport type AvailablePackages = (typeof availablePackages)[number];\n\nexport const databaseProviders = [\n \"mysql\",\n \"postgres\",\n \"sqlite\",\n \"planetscale\",\n] as const;\nexport type DatabaseProvider = (typeof databaseProviders)[number];\n\nexport interface InstallerOptions {\n projectDir: string;\n pkgManager: PackageManager;\n noInstall: boolean;\n packages?: PkgInstallerMap;\n appRouter?: boolean;\n projectName: string;\n scopedAppName: string;\n databaseProvider: DatabaseProvider;\n}\n\nexport type Installer = (opts: InstallerOptions) => void;\n\nexport type PkgInstallerMap = Record<\n AvailablePackages,\n {\n inUse: boolean;\n installer: Installer;\n }\n>;\n\nexport const buildPkgInstallerMap = (\n packages: AvailablePackages[],\n databaseProvider: DatabaseProvider\n): PkgInstallerMap => ({\n nextAuth: {\n inUse: packages.includes(\"nextAuth\"),\n installer: nextAuthInstaller,\n },\n betterAuth: {\n inUse: packages.includes(\"betterAuth\"),\n installer: betterAuthInstaller,\n },\n prisma: {\n inUse: packages.includes(\"prisma\"),\n installer: prismaInstaller,\n },\n drizzle: {\n inUse: packages.includes(\"drizzle\"),\n installer: drizzleInstaller,\n },\n tailwind: {\n inUse: packages.includes(\"tailwind\"),\n installer: tailwindInstaller,\n },\n trpc: {\n inUse: packages.includes(\"trpc\"),\n installer: trpcInstaller,\n },\n dbContainer: {\n inUse: [\"mysql\", \"postgres\"].includes(databaseProvider),\n installer: dbContainerInstaller,\n },\n envVariables: {\n inUse: true,\n installer: envVariablesInstaller,\n },\n eslint: {\n inUse: packages.includes(\"eslint\"),\n installer: dynamicEslintInstaller,\n },\n biome: {\n inUse: packages.includes(\"biome\"),\n installer: biomeInstaller,\n },\n});\n" }, { "path": "cli/src/installers/nextAuth.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type AvailableDependencies } from \"~/installers/dependencyVersionMap.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\n\nexport const nextAuthInstaller: Installer = ({ projectDir, packages }) => {\n const usingPrisma = packages?.prisma.inUse;\n const usingDrizzle = packages?.drizzle.inUse;\n\n const deps: AvailableDependencies[] = [\"next-auth\"];\n if (usingPrisma) deps.push(\"@auth/prisma-adapter\");\n if (usingDrizzle) deps.push(\"@auth/drizzle-adapter\");\n\n addPackageDependency({\n projectDir,\n dependencies: deps,\n devMode: false,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const apiHandlerFile = \"src/app/api/auth/[...nextauth]/route.ts\";\n\n const apiHandlerSrc = path.join(extrasDir, apiHandlerFile);\n const apiHandlerDest = path.join(projectDir, apiHandlerFile);\n\n const authConfigSrc = path.join(\n extrasDir,\n \"src/server/auth/config\",\n usingPrisma\n ? \"with-prisma.ts\"\n : usingDrizzle\n ? \"with-drizzle.ts\"\n : \"base.ts\"\n );\n const authConfigDest = path.join(projectDir, \"src/server/auth/config.ts\");\n\n const authIndexSrc = path.join(extrasDir, \"src/server/auth/index.ts\");\n const authIndexDest = path.join(projectDir, \"src/server/auth/index.ts\");\n\n fs.copySync(apiHandlerSrc, apiHandlerDest);\n fs.copySync(authConfigSrc, authConfigDest);\n fs.copySync(authIndexSrc, authIndexDest);\n};\n" }, { "path": "cli/src/installers/prisma.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\nimport { addPackageScript } from \"~/utils/addPackageScript.js\";\n\nexport const prismaInstaller: Installer = ({\n projectDir,\n packages,\n databaseProvider,\n}) => {\n addPackageDependency({\n projectDir,\n dependencies: [\"prisma\"],\n devMode: true,\n });\n addPackageDependency({\n projectDir,\n dependencies: [\"@prisma/client\"],\n devMode: false,\n });\n if (databaseProvider === \"planetscale\")\n addPackageDependency({\n projectDir,\n dependencies: [\"@prisma/adapter-planetscale\", \"@planetscale/database\"],\n devMode: false,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const schemaBaseName = packages?.betterAuth.inUse\n ? \"with-better-auth\"\n : packages?.nextAuth.inUse\n ? \"with-auth\"\n : \"base\";\n const schemaSrc = path.join(\n extrasDir,\n \"prisma/schema\",\n `${schemaBaseName}${\n databaseProvider === \"planetscale\" ? \"-planetscale\" : \"\"\n }.prisma`\n );\n let schemaText = fs.readFileSync(schemaSrc, \"utf-8\");\n if (databaseProvider !== \"sqlite\") {\n schemaText = schemaText.replace(\n 'provider = \"sqlite\"',\n `provider = \"${\n {\n mysql: \"mysql\",\n postgres: \"postgresql\",\n planetscale: \"mysql\",\n }[databaseProvider]\n }\"`\n );\n if ([\"mysql\", \"planetscale\"].includes(databaseProvider)) {\n schemaText = schemaText.replace(\"// @db.Text\", \"@db.Text\");\n }\n }\n const schemaDest = path.join(projectDir, \"prisma/schema.prisma\");\n fs.mkdirSync(path.dirname(schemaDest), { recursive: true });\n fs.writeFileSync(schemaDest, schemaText);\n\n const clientSrc = path.join(\n extrasDir,\n databaseProvider === \"planetscale\"\n ? \"src/server/db/db-prisma-planetscale.ts\"\n : \"src/server/db/db-prisma.ts\"\n );\n const clientDest = path.join(projectDir, \"src/server/db.ts\");\n\n addPackageScript({\n projectDir,\n scripts: {\n postinstall: \"prisma generate\",\n \"db:push\": \"prisma db push\",\n \"db:studio\": \"prisma studio\",\n \"db:generate\": \"prisma migrate dev\",\n \"db:migrate\": \"prisma migrate deploy\",\n },\n });\n\n fs.copySync(clientSrc, clientDest);\n};\n" }, { "path": "cli/src/installers/tailwind.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\n\nexport const tailwindInstaller: Installer = ({ projectDir }) => {\n addPackageDependency({\n projectDir,\n dependencies: [\"tailwindcss\", \"postcss\", \"@tailwindcss/postcss\"],\n devMode: true,\n });\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const postcssCfgSrc = path.join(extrasDir, \"config/postcss.config.js\");\n const postcssCfgDest = path.join(projectDir, \"postcss.config.js\");\n\n const cssSrc = path.join(extrasDir, \"src/styles/globals.css\");\n const cssDest = path.join(projectDir, \"src/styles/globals.css\");\n\n fs.copySync(postcssCfgSrc, postcssCfgDest);\n fs.copySync(cssSrc, cssDest);\n};\n" }, { "path": "cli/src/installers/trpc.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\nimport { type Installer } from \"~/installers/index.js\";\nimport { addPackageDependency } from \"~/utils/addPackageDependency.js\";\n\nexport const trpcInstaller: Installer = ({\n projectDir,\n packages,\n appRouter,\n}) => {\n addPackageDependency({\n projectDir,\n dependencies: [\n \"@tanstack/react-query\",\n \"superjson\",\n \"@trpc/server\",\n \"@trpc/client\",\n \"@trpc/react-query\",\n ],\n devMode: false,\n });\n\n const usingAuth = packages?.nextAuth.inUse;\n const usingBetterAuth = packages?.betterAuth.inUse;\n const usingPrisma = packages?.prisma.inUse;\n const usingDrizzle = packages?.drizzle.inUse;\n const usingDb = usingPrisma === true || usingDrizzle === true;\n\n const extrasDir = path.join(PKG_ROOT, \"template/extras\");\n\n const apiHandlerFile = \"src/pages/api/trpc/[trpc].ts\";\n const routeHandlerFile = \"src/app/api/trpc/[trpc]/route.ts\";\n const srcToUse = appRouter ? routeHandlerFile : apiHandlerFile;\n\n const apiHandlerSrc = path.join(extrasDir, srcToUse);\n const apiHandlerDest = path.join(projectDir, srcToUse);\n\n const trpcFile = (() => {\n if (usingBetterAuth && usingDb) return \"with-better-auth-db.ts\";\n if (usingBetterAuth) return \"with-better-auth.ts\";\n if (usingAuth && usingDb) return \"with-auth-db.ts\";\n if (usingAuth) return \"with-auth.ts\";\n if (usingDb) return \"with-db.ts\";\n return \"base.ts\";\n })();\n const trpcSrc = path.join(\n extrasDir,\n \"src/server/api\",\n appRouter ? \"trpc-app\" : \"trpc-pages\",\n trpcFile\n );\n const trpcDest = path.join(projectDir, \"src/server/api/trpc.ts\");\n\n const rootRouterSrc = path.join(extrasDir, \"src/server/api/root.ts\");\n const rootRouterDest = path.join(projectDir, \"src/server/api/root.ts\");\n\n const exampleRouterFile =\n (usingAuth || usingBetterAuth) && usingPrisma\n ? \"with-auth-prisma.ts\"\n : (usingAuth || usingBetterAuth) && usingDrizzle\n ? \"with-auth-drizzle.ts\"\n : usingAuth || usingBetterAuth\n ? \"with-auth.ts\"\n : usingPrisma\n ? \"with-prisma.ts\"\n : usingDrizzle\n ? \"with-drizzle.ts\"\n : \"base.ts\";\n\n const exampleRouterSrc = path.join(\n extrasDir,\n \"src/server/api/routers/post\",\n exampleRouterFile\n );\n const exampleRouterDest = path.join(\n projectDir,\n \"src/server/api/routers/post.ts\"\n );\n\n const copySrcDest: [string, string][] = [\n [apiHandlerSrc, apiHandlerDest],\n [trpcSrc, trpcDest],\n [rootRouterSrc, rootRouterDest],\n [exampleRouterSrc, exampleRouterDest],\n ];\n\n if (appRouter) {\n addPackageDependency({\n dependencies: [\"server-only\"],\n devMode: false,\n projectDir,\n });\n\n const trpcDir = path.join(extrasDir, \"src/trpc\");\n copySrcDest.push(\n [\n path.join(trpcDir, \"server.ts\"),\n path.join(projectDir, \"src/trpc/server.ts\"),\n ],\n [\n path.join(trpcDir, \"react.tsx\"),\n path.join(projectDir, \"src/trpc/react.tsx\"),\n ],\n [\n path.join(\n extrasDir,\n \"src/app/_components\",\n packages?.tailwind.inUse ? \"post-tw.tsx\" : \"post.tsx\"\n ),\n path.join(projectDir, \"src/app/_components/post.tsx\"),\n ],\n [\n path.join(extrasDir, \"src/trpc/query-client.ts\"),\n path.join(projectDir, \"src/trpc/query-client.ts\"),\n ]\n );\n } else {\n addPackageDependency({\n dependencies: [\"@trpc/next\"],\n devMode: false,\n projectDir,\n });\n\n const utilsSrc = path.join(extrasDir, \"src/utils/api.ts\");\n const utilsDest = path.join(projectDir, \"src/utils/api.ts\");\n copySrcDest.push([utilsSrc, utilsDest]);\n }\n\n copySrcDest.forEach(([src, dest]) => {\n fs.copySync(src, dest);\n });\n};\n" }, { "path": "cli/src/utils/addPackageDependency.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\nimport sortPackageJson from \"sort-package-json\";\nimport { type PackageJson } from \"type-fest\";\n\nimport {\n dependencyVersionMap,\n type AvailableDependencies,\n} from \"~/installers/dependencyVersionMap.js\";\n\nexport const addPackageDependency = (opts: {\n dependencies: AvailableDependencies[];\n devMode: boolean;\n projectDir: string;\n}) => {\n const { dependencies, devMode, projectDir } = opts;\n\n const pkgJson = fs.readJSONSync(\n path.join(projectDir, \"package.json\")\n ) as PackageJson;\n\n dependencies.forEach((pkgName) => {\n const version = dependencyVersionMap[pkgName];\n\n if (devMode && pkgJson.devDependencies) {\n pkgJson.devDependencies[pkgName] = version;\n } else if (pkgJson.dependencies) {\n pkgJson.dependencies[pkgName] = version;\n }\n });\n const sortedPkgJson = sortPackageJson(pkgJson);\n\n fs.writeJSONSync(path.join(projectDir, \"package.json\"), sortedPkgJson, {\n spaces: 2,\n });\n};\n" }, { "path": "cli/src/utils/addPackageScript.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\nimport sortPackageJson from \"sort-package-json\";\nimport { type PackageJson } from \"type-fest\";\n\nexport const addPackageScript = (opts: {\n scripts: Record;\n projectDir: string;\n}) => {\n const { scripts, projectDir } = opts;\n\n const packageJsonPath = path.join(projectDir, \"package.json\");\n const packageJsonContent = fs.readJSONSync(packageJsonPath) as PackageJson;\n\n packageJsonContent.scripts = {\n ...packageJsonContent.scripts,\n ...scripts,\n };\n\n const sortedPkgJson = sortPackageJson(packageJsonContent);\n\n fs.writeJSONSync(packageJsonPath, sortedPkgJson, {\n spaces: 2,\n });\n};\n" }, { "path": "cli/src/utils/getT3Version.ts", "content": "import path from \"path\";\nimport fs from \"fs-extra\";\nimport { type PackageJson } from \"type-fest\";\n\nimport { PKG_ROOT } from \"~/consts.js\";\n\nexport const getVersion = () => {\n const packageJsonPath = path.join(PKG_ROOT, \"package.json\");\n\n const packageJsonContent = fs.readJSONSync(packageJsonPath) as PackageJson;\n\n return packageJsonContent.version ?? \"1.0.0\";\n};\n" }, { "path": "cli/src/utils/getUserPkgManager.ts", "content": "export type PackageManager = \"npm\" | \"pnpm\" | \"yarn\" | \"bun\";\n\nexport const getUserPkgManager: () => PackageManager = () => {\n // This environment variable is set by npm and yarn but pnpm seems less consistent\n const userAgent = process.env.npm_config_user_agent;\n\n if (userAgent) {\n if (userAgent.startsWith(\"yarn\")) {\n return \"yarn\";\n } else if (userAgent.startsWith(\"pnpm\")) {\n return \"pnpm\";\n } else if (userAgent.startsWith(\"bun\")) {\n return \"bun\";\n } else {\n return \"npm\";\n }\n } else {\n // If no user agent is set, assume npm\n return \"npm\";\n }\n};\n" }, { "path": "cli/src/utils/isTTYError.ts", "content": "export class IsTTYError extends Error {\n constructor(msg: string) {\n super(msg);\n }\n}\n" }, { "path": "cli/src/utils/logger.ts", "content": "import chalk from \"chalk\";\n\nexport const logger = {\n error(...args: unknown[]) {\n console.log(chalk.red(...args));\n },\n warn(...args: unknown[]) {\n console.log(chalk.yellow(...args));\n },\n info(...args: unknown[]) {\n console.log(chalk.cyan(...args));\n },\n success(...args: unknown[]) {\n console.log(chalk.green(...args));\n },\n};\n" }, { "path": "cli/src/utils/parseNameAndPath.ts", "content": "import pathModule from \"path\";\n\nimport { removeTrailingSlash } from \"./removeTrailingSlash.js\";\n\n/**\n * Parses the appName and its path from the user input.\n *\n * Returns a tuple of of `[appName, path]`, where `appName` is the name put in the \"package.json\"\n * file and `path` is the path to the directory where the app will be created.\n *\n * If `appName` is \".\", the name of the directory will be used instead. Handles the case where the\n * input includes a scoped package name in which case that is being parsed as the name, but not\n * included as the path.\n *\n * For example:\n *\n * - dir/@mono/app => [\"@mono/app\", \"dir/app\"]\n * - dir/app => [\"app\", \"dir/app\"]\n */\nexport const parseNameAndPath = (rawInput: string) => {\n const input = removeTrailingSlash(rawInput);\n\n const paths = input.split(\"/\");\n\n let appName = paths[paths.length - 1]!;\n\n // If the user ran `npx create-t3-app .` or similar, the appName should be the current directory\n if (appName === \".\") {\n const parsedCwd = pathModule.resolve(process.cwd());\n appName = pathModule.basename(parsedCwd);\n }\n\n // If the first part is a @, it's a scoped package\n const indexOfDelimiter = paths.findIndex((p) => p.startsWith(\"@\"));\n if (paths.findIndex((p) => p.startsWith(\"@\")) !== -1) {\n appName = paths.slice(indexOfDelimiter).join(\"/\");\n }\n\n const path = paths.filter((p) => !p.startsWith(\"@\")).join(\"/\");\n\n return [appName, path] as const;\n};\n" }, { "path": "cli/src/utils/removeTrailingSlash.ts", "content": "export const removeTrailingSlash = (input: string) => {\n if (input.length > 1 && input.endsWith(\"/\")) {\n input = input.slice(0, -1);\n }\n\n return input;\n};\n" }, { "path": "cli/src/utils/renderTitle.ts", "content": "import gradient from \"gradient-string\";\n\nimport { TITLE_TEXT } from \"~/consts.js\";\nimport { getUserPkgManager } from \"~/utils/getUserPkgManager.js\";\n\n// colors brought in from vscode poimandres theme\nconst poimandresTheme = {\n blue: \"#add7ff\",\n cyan: \"#89ddff\",\n green: \"#5de4c7\",\n magenta: \"#fae4fc\",\n red: \"#d0679d\",\n yellow: \"#fffac2\",\n};\n\nexport const renderTitle = () => {\n const t3Gradient = gradient(Object.values(poimandresTheme));\n\n // resolves weird behavior where the ascii is offset\n const pkgManager = getUserPkgManager();\n if (pkgManager === \"yarn\" || pkgManager === \"pnpm\") {\n console.log(\"\");\n }\n console.log(t3Gradient.multiline(TITLE_TEXT));\n};\n" }, { "path": "cli/src/utils/renderVersionWarning.ts", "content": "import { execSync } from \"child_process\";\nimport https from \"https\";\n\nimport { getVersion } from \"./getT3Version.js\";\nimport { logger } from \"./logger.js\";\n\nexport const renderVersionWarning = (npmVersion: string) => {\n const currentVersion = getVersion();\n\n // console.log(\"current\", currentVersion);\n // console.log(\"npm\", npmVersion);\n\n if (currentVersion.includes(\"beta\")) {\n logger.warn(\" You are using a beta version of create-t3-app.\");\n logger.warn(\" Please report any bugs you encounter.\");\n } else if (currentVersion.includes(\"next\")) {\n logger.warn(\n \" You are running create-t3-app with the @next tag which is no longer maintained.\"\n );\n logger.warn(\" Please run the CLI with @latest instead.\");\n } else if (currentVersion !== npmVersion) {\n logger.warn(\" You are using an outdated version of create-t3-app.\");\n logger.warn(\n \" Your version:\",\n currentVersion + \".\",\n \"Latest version in the npm registry:\",\n npmVersion\n );\n logger.warn(\" Please run the CLI with @latest to get the latest updates.\");\n }\n console.log(\"\");\n};\n\n/**\n * Copyright (c) 2015-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the LICENSE file in the root\n * directory of this source tree.\n * https://github.com/facebook/create-react-app/blob/main/packages/create-react-app/LICENSE\n */\ninterface DistTagsBody {\n latest: string;\n}\n\nfunction checkForLatestVersion(): Promise {\n return new Promise((resolve, reject) => {\n https\n .get(\n \"https://registry.npmjs.org/-/package/create-t3-app/dist-tags\",\n (res) => {\n if (res.statusCode === 200) {\n let body = \"\";\n res.on(\"data\", (data) => (body += data));\n res.on(\"end\", () => {\n resolve((JSON.parse(body) as DistTagsBody).latest);\n });\n } else {\n // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors\n reject();\n }\n }\n )\n .on(\"error\", () => {\n // logger.error(\"Unable to check for latest version.\");\n // eslint-disable-next-line @typescript-eslint/prefer-promise-reject-errors\n reject();\n });\n });\n}\n\nexport const getNpmVersion = () =>\n // `fetch` to the registry is faster than `npm view` so we try that first\n checkForLatestVersion().catch(() => {\n try {\n return execSync(\"npm view create-t3-app version\").toString().trim();\n } catch {\n return null;\n }\n });\n" }, { "path": "cli/src/utils/validateAppName.ts", "content": "import { removeTrailingSlash } from \"./removeTrailingSlash.js\";\n\nconst validationRegExp =\n /^(?:@[a-z0-9-*~][a-z0-9-*._~]*\\/)?[a-z0-9-~][a-z0-9-._~]*$/;\n\n//Validate a string against allowed package.json names\nexport const validateAppName = (rawInput: string) => {\n const input = removeTrailingSlash(rawInput);\n const paths = input.split(\"/\");\n\n // If the first part is a @, it's a scoped package\n const indexOfDelimiter = paths.findIndex((p) => p.startsWith(\"@\"));\n\n let appName = paths[paths.length - 1];\n if (paths.findIndex((p) => p.startsWith(\"@\")) !== -1) {\n appName = paths.slice(indexOfDelimiter).join(\"/\");\n }\n\n if (input === \".\" || validationRegExp.test(appName ?? \"\")) {\n return;\n } else {\n return \"App name must consist of only lowercase alphanumeric characters, '-', and '_'\";\n }\n};\n" }, { "path": "cli/src/utils/validateImportAlias.ts", "content": "export const validateImportAlias = (input: string) => {\n if (input.startsWith(\".\") || input.startsWith(\"/\")) {\n return \"Import alias can't start with '.' or '/'\";\n }\n return;\n};\n" }, { "path": "cli/template/base/README.md", "content": "# Create T3 App\n\nThis is a [T3 Stack](https://create.t3.gg/) project bootstrapped with `create-t3-app`.\n\n## What's next? How do I make an app with this?\n\nWe try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.\n\nIf you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our [Discord](https://t3.gg/discord) and ask for help.\n\n- [Next.js](https://nextjs.org)\n- [NextAuth.js](https://next-auth.js.org)\n- [Prisma](https://prisma.io)\n- [Drizzle](https://orm.drizzle.team)\n- [Tailwind CSS](https://tailwindcss.com)\n- [tRPC](https://trpc.io)\n\n## Learn More\n\nTo learn more about the [T3 Stack](https://create.t3.gg/), take a look at the following resources:\n\n- [Documentation](https://create.t3.gg/)\n- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available) — Check out these awesome tutorials\n\nYou can check out the [create-t3-app GitHub repository](https://github.com/t3-oss/create-t3-app) — your feedback and contributions are welcome!\n\n## How do I deploy this?\n\nFollow our deployment guides for [Vercel](https://create.t3.gg/en/deployment/vercel), [Netlify](https://create.t3.gg/en/deployment/netlify) and [Docker](https://create.t3.gg/en/deployment/docker) for more information.\n" }, { "path": "cli/template/base/_gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\n/node_modules\n/.pnp\n.pnp.js\n\n# testing\n/coverage\n\n# database\n/prisma/db.sqlite\n/prisma/db.sqlite-journal\ndb.sqlite\n/generated/\n\n# next.js\n/.next/\n/out/\nnext-env.d.ts\n\n# production\n/build\n\n# misc\n.DS_Store\n*.pem\n\n# debug\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n.pnpm-debug.log*\n\n# local env files\n# do not commit any .env files to git, except for the .env.example file. https://create.t3.gg/en/usage/env-variables#using-environment-variables\n.env\n.env*.local\n\n# vercel\n.vercel\n\n# typescript\n*.tsbuildinfo\n\n# idea files\n.idea" }, { "path": "cli/template/base/next.config.js", "content": "/**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful\n * for Docker builds.\n */\nimport \"./src/env.js\";\n\n/** @type {import(\"next\").NextConfig} */\nconst config = {\n reactStrictMode: true,\n\n /**\n * If you are using `appDir` then you must comment the below `i18n` config out.\n *\n * @see https://github.com/vercel/next.js/issues/41980\n */\n i18n: {\n locales: [\"en\"],\n defaultLocale: \"en\",\n },\n};\n\nexport default config;\n" }, { "path": "cli/template/base/package.json", "content": "{\n \"name\": \"template\",\n \"version\": \"0.1.0\",\n \"type\": \"module\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"next dev --turbo\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"preview\": \"next build && next start\",\n \"typecheck\": \"tsc --noEmit\"\n },\n \"dependencies\": {\n \"@t3-oss/env-nextjs\": \"^0.12.0\",\n \"next\": \"^15.5.9\",\n \"react\": \"^19.2.3\",\n \"react-dom\": \"^19.2.3\",\n \"zod\": \"^3.24.2\"\n },\n \"devDependencies\": {\n \"@types/node\": \"^24.10.1\",\n \"@types/react\": \"~19.1.0\",\n \"@types/react-dom\": \"~19.1.0\",\n \"typescript\": \"^5.8.2\"\n }\n}\n" }, { "path": "cli/template/base/src/env.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n NODE_ENV: z.enum([\"development\", \"test\", \"production\"]),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n NODE_ENV: process.env.NODE_ENV,\n // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/base/src/styles/globals.css", "content": "html,\nbody {\n padding: 0;\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,\n Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n* {\n box-sizing: border-box;\n}\n" }, { "path": "cli/template/base/tsconfig.json", "content": "{\n \"compilerOptions\": {\n /* Base Options: */\n \"esModuleInterop\": true,\n \"skipLibCheck\": true,\n \"target\": \"es2022\",\n \"allowJs\": true,\n \"resolveJsonModule\": true,\n \"moduleDetection\": \"force\",\n \"isolatedModules\": true,\n \"verbatimModuleSyntax\": true,\n\n /* Strictness */\n \"strict\": true,\n \"noUncheckedIndexedAccess\": true,\n \"checkJs\": true,\n\n /* Bundled projects */\n \"lib\": [\"dom\", \"dom.iterable\", \"ES2022\"],\n \"noEmit\": true,\n \"module\": \"ESNext\",\n \"moduleResolution\": \"Bundler\",\n \"jsx\": \"preserve\",\n \"plugins\": [{ \"name\": \"next\" }],\n \"incremental\": true,\n\n /* Path Aliases */\n \"baseUrl\": \".\",\n \"paths\": {\n \"~/*\": [\"./src/*\"]\n }\n },\n \"include\": [\n \"next-env.d.ts\",\n \"**/*.ts\",\n \"**/*.tsx\",\n \"**/*.cjs\",\n \"**/*.js\",\n \".next/types/**/*.ts\"\n ],\n \"exclude\": [\"node_modules\", \"generated\"]\n}\n" }, { "path": "cli/template/extras/config/_eslint.base.js", "content": "import { FlatCompat } from \"@eslint/eslintrc\";\nimport tseslint from 'typescript-eslint';\n\nconst compat = new FlatCompat({\n baseDirectory: import.meta.dirname,\n});\n\nexport default tseslint.config(\n {\n\t\tignores: ['.next']\n\t},\n ...compat.extends(\"next/core-web-vitals\"),\n {\n files: ['**/*.ts', '**/*.tsx'],\n\t\textends: [\n\t\t\t...tseslint.configs.recommended,\n\t\t\t...tseslint.configs.recommendedTypeChecked,\n\t\t\t...tseslint.configs.stylisticTypeChecked\n\t\t],\n rules: {\n \"@typescript-eslint/array-type\": \"off\",\n \"@typescript-eslint/consistent-type-definitions\": \"off\",\n \"@typescript-eslint/consistent-type-imports\": [\n \"warn\",\n { prefer: \"type-imports\", fixStyle: \"inline-type-imports\" },\n ],\n \"@typescript-eslint/no-unused-vars\": [\"warn\", { argsIgnorePattern: \"^_\" }],\n \"@typescript-eslint/require-await\": \"off\",\n \"@typescript-eslint/no-misused-promises\": [\n \"error\",\n { checksVoidReturn: { attributes: false } },\n ],\n },\n },\n {\n\t\tlinterOptions: {\n\t\t\treportUnusedDisableDirectives: true\n\t\t},\n\t\tlanguageOptions: {\n\t\t\tparserOptions: {\n\t\t\t\tprojectService: true\n\t\t\t}\n\t\t}\n\t}\n)\n" }, { "path": "cli/template/extras/config/_eslint.drizzle.js", "content": "import { FlatCompat } from \"@eslint/eslintrc\";\nimport tseslint from 'typescript-eslint';\n// @ts-ignore -- no types for this plugin\nimport drizzle from \"eslint-plugin-drizzle\";\n\nconst compat = new FlatCompat({\n baseDirectory: import.meta.dirname,\n});\n\nexport default tseslint.config(\n {\n\t\tignores: ['.next']\n\t},\n ...compat.extends(\"next/core-web-vitals\"),\n {\n files: ['**/*.ts', '**/*.tsx'],\n plugins: {\n drizzle,\n },\n\t\textends: [\n\t\t\t...tseslint.configs.recommended,\n\t\t\t...tseslint.configs.recommendedTypeChecked,\n\t\t\t...tseslint.configs.stylisticTypeChecked\n\t\t],\n rules: {\n \"@typescript-eslint/array-type\": \"off\",\n \"@typescript-eslint/consistent-type-definitions\": \"off\",\n \"@typescript-eslint/consistent-type-imports\": [\n \"warn\",\n { prefer: \"type-imports\", fixStyle: \"inline-type-imports\" },\n ],\n \"@typescript-eslint/no-unused-vars\": [\"warn\", { argsIgnorePattern: \"^_\" }],\n \"@typescript-eslint/require-await\": \"off\",\n \"@typescript-eslint/no-misused-promises\": [\n \"error\",\n { checksVoidReturn: { attributes: false } },\n ],\n \"drizzle/enforce-delete-with-where\": [\n \"error\",\n { drizzleObjectName: [\"db\", \"ctx.db\"] },\n ],\n \"drizzle/enforce-update-with-where\": [\n \"error\",\n { drizzleObjectName: [\"db\", \"ctx.db\"] },\n ],\n },\n },\n {\n\t\tlinterOptions: {\n\t\t\treportUnusedDisableDirectives: true\n\t\t},\n\t\tlanguageOptions: {\n\t\t\tparserOptions: {\n\t\t\t\tprojectService: true\n\t\t\t}\n\t\t}\n\t}\n)\n" }, { "path": "cli/template/extras/config/_prettier.config.js", "content": "/** @type {import('prettier').Config} */\nexport default {};\n" }, { "path": "cli/template/extras/config/_tailwind.prettier.config.js", "content": "/** @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions} */\nexport default {\n plugins: [\"prettier-plugin-tailwindcss\"],\n};\n" }, { "path": "cli/template/extras/config/biome.jsonc", "content": "{\n \"$schema\": \"./node_modules/@biomejs/biome/configuration_schema.json\",\n \"root\": true,\n \"vcs\": {\n \"enabled\": true,\n \"useIgnoreFile\": true,\n \"clientKind\": \"git\",\n },\n \"assist\": {\n \"enabled\": true,\n \"actions\": {\n \"recommended\": true,\n \"source\": {\n \"recommended\": true,\n \"organizeImports\": \"on\",\n \"useSortedAttributes\": \"on\",\n },\n },\n },\n \"formatter\": {\n \"enabled\": true,\n },\n \"linter\": {\n \"enabled\": true,\n \"rules\": {\n \"recommended\": true,\n \"nursery\": {\n \"useSortedClasses\": {\n \"level\": \"warn\",\n \"fix\": \"safe\",\n \"options\": {\n \"functions\": [\"clsx\", \"cva\", \"cn\"],\n },\n },\n },\n },\n },\n \"html\": {\n \"formatter\": {\n \"enabled\": true,\n },\n },\n \"javascript\": {\n \"assist\": {\n \"enabled\": true,\n },\n \"formatter\": {\n \"enabled\": true,\n },\n \"linter\": {\n \"enabled\": true,\n },\n },\n \"css\": {\n \"assist\": {\n \"enabled\": true,\n },\n \"formatter\": {\n \"enabled\": true,\n },\n \"linter\": {\n \"enabled\": true,\n },\n \"parser\": {\n \"cssModules\": true,\n \"tailwindDirectives\": true,\n },\n },\n}\n" }, { "path": "cli/template/extras/config/drizzle-config-mysql.ts", "content": "import { type Config } from \"drizzle-kit\";\n\nimport { env } from \"~/env\";\n\nexport default {\n schema: \"./src/server/db/schema.ts\",\n dialect: \"mysql\",\n dbCredentials: {\n url: env.DATABASE_URL,\n },\n tablesFilter: [\"project1_*\"],\n} satisfies Config;\n" }, { "path": "cli/template/extras/config/drizzle-config-postgres.ts", "content": "import { type Config } from \"drizzle-kit\";\n\nimport { env } from \"~/env\";\n\nexport default {\n schema: \"./src/server/db/schema.ts\",\n dialect: \"postgresql\",\n dbCredentials: {\n url: env.DATABASE_URL,\n },\n tablesFilter: [\"project1_*\"],\n} satisfies Config;\n" }, { "path": "cli/template/extras/config/drizzle-config-sqlite.ts", "content": "import { type Config } from \"drizzle-kit\";\n\nimport { env } from \"~/env\";\n\nexport default {\n schema: \"./src/server/db/schema.ts\",\n dialect: \"sqlite\",\n dbCredentials: {\n url: env.DATABASE_URL,\n },\n tablesFilter: [\"project1_*\"],\n} satisfies Config;\n" }, { "path": "cli/template/extras/config/next-config-appdir.js", "content": "/**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially useful\n * for Docker builds.\n */\nimport \"./src/env.js\";\n\n/** @type {import(\"next\").NextConfig} */\nconst config = {};\n\nexport default config;\n" }, { "path": "cli/template/extras/config/postcss.config.js", "content": "export default {\n plugins: {\n \"@tailwindcss/postcss\": {},\n },\n};\n" }, { "path": "cli/template/extras/pnpm/_npmrc", "content": "public-hoist-pattern[]=*eslint*\npublic-hoist-pattern[]=*prettier*" }, { "path": "cli/template/extras/prisma/schema/base-planetscale.prisma", "content": "// This is your Prisma schema file,\n// learn more about it in the docs: https://pris.ly/d/prisma-schema\n\ngenerator client {\n provider = \"prisma-client-js\"\n previewFeatures = [\"driverAdapters\"]\n output = \"../generated/prisma\"\n}\n\ndatasource db {\n provider = \"mysql\"\n url = env(\"DATABASE_URL\")\n\n // If you have enabled foreign key constraints for your database, remove this line.\n relationMode = \"prisma\"\n}\n\nmodel Post {\n id Int @id @default(autoincrement())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n @@index([name])\n}\n" }, { "path": "cli/template/extras/prisma/schema/base.prisma", "content": "// This is your Prisma schema file,\n// learn more about it in the docs: https://pris.ly/d/prisma-schema\n\ngenerator client {\n provider = \"prisma-client-js\"\n output = \"../generated/prisma\"\n}\n\ndatasource db {\n provider = \"sqlite\"\n url = env(\"DATABASE_URL\")\n}\n\nmodel Post {\n id Int @id @default(autoincrement())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n @@index([name])\n}\n" }, { "path": "cli/template/extras/prisma/schema/with-auth-planetscale.prisma", "content": "// This is your Prisma schema file,\n// learn more about it in the docs: https://pris.ly/d/prisma-schema\n\ngenerator client {\n provider = \"prisma-client-js\"\n output = \"../generated/prisma\"\n\n previewFeatures = [\"driverAdapters\"]\n}\n\ndatasource db {\n provider = \"mysql\"\n url = env(\"DATABASE_URL\")\n\n // If you have enabled foreign key constraints for your database, remove this line.\n relationMode = \"prisma\"\n}\n\nmodel Post {\n id Int @id @default(autoincrement())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n createdBy User @relation(fields: [createdById], references: [id])\n createdById String\n\n @@index([name])\n @@index([createdById])\n}\n\n// Necessary for Next auth\nmodel Account {\n id String @id @default(cuid())\n userId String\n type String\n provider String\n providerAccountId String\n refresh_token String? @db.Text\n access_token String? @db.Text\n expires_at Int?\n token_type String?\n scope String?\n id_token String? @db.Text\n session_state String?\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n\n @@unique([provider, providerAccountId])\n @@index([userId])\n}\n\nmodel Session {\n id String @id @default(cuid())\n sessionToken String @unique\n userId String\n expires DateTime\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n\n @@index([userId])\n}\n\nmodel User {\n id String @id @default(cuid())\n name String?\n email String? @unique\n emailVerified DateTime?\n image String?\n accounts Account[]\n sessions Session[]\n posts Post[]\n}\n\nmodel VerificationToken {\n identifier String\n token String @unique\n expires DateTime\n\n @@unique([identifier, token])\n}\n" }, { "path": "cli/template/extras/prisma/schema/with-auth.prisma", "content": "// This is your Prisma schema file,\n// learn more about it in the docs: https://pris.ly/d/prisma-schema\n\ngenerator client {\n provider = \"prisma-client-js\"\n output = \"../generated/prisma\"\n}\n\ndatasource db {\n provider = \"sqlite\"\n // NOTE: When using mysql or sqlserver, uncomment the @db.Text annotations in model Account below\n // Further reading:\n // https://next-auth.js.org/adapters/prisma#create-the-prisma-schema\n // https://www.prisma.io/docs/reference/api-reference/prisma-schema-reference#string\n url = env(\"DATABASE_URL\")\n}\n\nmodel Post {\n id Int @id @default(autoincrement())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n createdBy User @relation(fields: [createdById], references: [id])\n createdById String\n\n @@index([name])\n}\n\n// Necessary for Next auth\nmodel Account {\n id String @id @default(cuid())\n userId String\n type String\n provider String\n providerAccountId String\n refresh_token String? // @db.Text\n access_token String? // @db.Text\n expires_at Int?\n token_type String?\n scope String?\n id_token String? // @db.Text\n session_state String?\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n refresh_token_expires_in Int?\n\n @@unique([provider, providerAccountId])\n}\n\nmodel Session {\n id String @id @default(cuid())\n sessionToken String @unique\n userId String\n expires DateTime\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n}\n\nmodel User {\n id String @id @default(cuid())\n name String?\n email String? @unique\n emailVerified DateTime?\n image String?\n accounts Account[]\n sessions Session[]\n posts Post[]\n}\n\nmodel VerificationToken {\n identifier String\n token String @unique\n expires DateTime\n\n @@unique([identifier, token])\n}\n" }, { "path": "cli/template/extras/prisma/schema/with-better-auth-planetscale.prisma", "content": "// Prisma schema for Better Auth\n// learn more: https://better-auth.com/docs/concepts/database\n\ngenerator client {\n provider = \"prisma-client-js\"\n output = \"../generated/prisma\"\n}\n\n// NOTE: When using mysql or sqlserver, uncomment the @db.Text annotations in model Account below\n// Further reading:\n// https://www.prisma.io/docs/reference/api-reference/prisma-schema-reference#string\n\ndatasource db {\n provider = \"mysql\"\n relationMode = \"prisma\"\n url = env(\"DATABASE_URL\")\n}\n\nmodel Post {\n id String @id @default(cuid())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n createdBy User @relation(fields: [createdById], references: [id])\n createdById String\n\n @@index([name])\n}\n\nmodel User {\n id String @id\n name String @db.Text\n email String\n emailVerified Boolean @default(false)\n image String? @db.Text\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now()) @updatedAt\n sessions Session[]\n accounts Account[]\n posts Post[]\n\n @@unique([email])\n @@map(\"user\")\n}\n\nmodel Session {\n id String @id\n expiresAt DateTime\n token String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n ipAddress String? @db.Text\n userAgent String? @db.Text\n userId String\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n\n @@unique([token])\n @@map(\"session\")\n}\n\nmodel Account {\n id String @id\n accountId String @db.Text\n providerId String @db.Text\n userId String\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n accessToken String? @db.Text\n refreshToken String? @db.Text\n idToken String? @db.Text\n accessTokenExpiresAt DateTime?\n refreshTokenExpiresAt DateTime?\n scope String? @db.Text\n password String? @db.Text\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n @@map(\"account\")\n}\n\nmodel Verification {\n id String @id\n identifier String @db.Text\n value String @db.Text\n expiresAt DateTime\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now()) @updatedAt\n\n @@map(\"verification\")\n}\n" }, { "path": "cli/template/extras/prisma/schema/with-better-auth.prisma", "content": "// Prisma schema for Better Auth\n// learn more: https://better-auth.com/docs/concepts/database\n\ngenerator client {\n provider = \"prisma-client-js\"\n output = \"../generated/prisma\"\n}\n\n// NOTE: When using mysql or sqlserver, uncomment the //@db.Text annotations in model Account below\n// Further reading:\n// https://www.prisma.io/docs/reference/api-reference/prisma-schema-reference#string\n\ndatasource db {\n provider = \"sqlite\"\n url = env(\"DATABASE_URL\")\n}\n\nmodel Post {\n id String @id @default(cuid())\n name String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n createdBy User @relation(fields: [createdById], references: [id])\n createdById String\n\n @@index([name])\n}\n\nmodel User {\n id String @id\n name String //@db.Text\n email String\n emailVerified Boolean @default(false)\n image String? //@db.Text\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now()) @updatedAt\n sessions Session[]\n accounts Account[]\n posts Post[]\n\n @@unique([email])\n @@map(\"user\")\n}\n\nmodel Session {\n id String @id\n expiresAt DateTime\n token String\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n ipAddress String? //@db.Text\n userAgent String? //@db.Text\n userId String\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n\n @@unique([token])\n @@map(\"session\")\n}\n\nmodel Account {\n id String @id\n accountId String //@db.Text\n providerId String //@db.Text\n userId String\n user User @relation(fields: [userId], references: [id], onDelete: Cascade)\n accessToken String? //@db.Text\n refreshToken String? //@db.Text\n idToken String? //@db.Text\n accessTokenExpiresAt DateTime?\n refreshTokenExpiresAt DateTime?\n scope String? //@db.Text\n password String? //@db.Text\n createdAt DateTime @default(now())\n updatedAt DateTime @updatedAt\n\n @@map(\"account\")\n}\n\nmodel Verification {\n id String @id\n identifier String //@db.Text\n value String //@db.Text\n expiresAt DateTime\n createdAt DateTime @default(now())\n updatedAt DateTime @default(now()) @updatedAt\n\n @@map(\"verification\")\n}\n" }, { "path": "cli/template/extras/src/app/_components/post-tw.tsx", "content": "\"use client\";\n\nimport { useState } from \"react\";\n\nimport { api } from \"~/trpc/react\";\n\nexport function LatestPost() {\n const [latestPost] = api.post.getLatest.useSuspenseQuery();\n\n const utils = api.useUtils();\n const [name, setName] = useState(\"\");\n const createPost = api.post.create.useMutation({\n onSuccess: async () => {\n await utils.post.invalidate();\n setName(\"\");\n },\n });\n\n return (\n
\n {latestPost ? (\n

Your most recent post: {latestPost.name}

\n ) : (\n

You have no posts yet.

\n )}\n {\n e.preventDefault();\n createPost.mutate({ name });\n }}\n className=\"flex flex-col gap-2\"\n >\n setName(e.target.value)}\n className=\"w-full rounded-full bg-white/10 px-4 py-2 text-white\"\n />\n \n {createPost.isPending ? \"Submitting...\" : \"Submit\"}\n \n \n
\n );\n}\n" }, { "path": "cli/template/extras/src/app/_components/post.tsx", "content": "\"use client\";\n\nimport { useState } from \"react\";\n\nimport { api } from \"~/trpc/react\";\nimport styles from \"../index.module.css\";\n\nexport function LatestPost() {\n const [latestPost] = api.post.getLatest.useSuspenseQuery();\n\n const utils = api.useUtils();\n const [name, setName] = useState(\"\");\n const createPost = api.post.create.useMutation({\n onSuccess: async () => {\n await utils.post.invalidate();\n setName(\"\");\n },\n });\n\n return (\n
\n {latestPost ? (\n

\n Your most recent post: {latestPost.name}\n

\n ) : (\n

You have no posts yet.

\n )}\n\n {\n e.preventDefault();\n createPost.mutate({ name });\n }}\n className={styles.form}\n >\n setName(e.target.value)}\n className={styles.input}\n />\n \n {createPost.isPending ? \"Submitting...\" : \"Submit\"}\n \n \n
\n );\n}\n" }, { "path": "cli/template/extras/src/app/api/auth/[...all]/route.ts", "content": "import { toNextJsHandler } from \"better-auth/next-js\";\n\nimport { auth } from \"~/server/better-auth\";\n\nexport const { GET, POST } = toNextJsHandler(auth.handler);\n" }, { "path": "cli/template/extras/src/app/api/auth/[...nextauth]/route.ts", "content": "import { handlers } from \"~/server/auth\";\n\nexport const { GET, POST } = handlers;\n" }, { "path": "cli/template/extras/src/app/api/trpc/[trpc]/route.ts", "content": "import { fetchRequestHandler } from \"@trpc/server/adapters/fetch\";\nimport { type NextRequest } from \"next/server\";\n\nimport { env } from \"~/env\";\nimport { appRouter } from \"~/server/api/root\";\nimport { createTRPCContext } from \"~/server/api/trpc\";\n\n/**\n * This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when\n * handling a HTTP request (e.g. when you make requests from Client Components).\n */\nconst createContext = async (req: NextRequest) => {\n return createTRPCContext({\n headers: req.headers,\n });\n};\n\nconst handler = (req: NextRequest) =>\n fetchRequestHandler({\n endpoint: \"/api/trpc\",\n req,\n router: appRouter,\n createContext: () => createContext(req),\n onError:\n env.NODE_ENV === \"development\"\n ? ({ path, error }) => {\n console.error(\n `❌ tRPC failed on ${path ?? \"\"}: ${error.message}`\n );\n }\n : undefined,\n });\n\nexport { handler as GET, handler as POST };\n" }, { "path": "cli/template/extras/src/app/layout/base.tsx", "content": "import \"~/styles/globals.css\";\n\nimport { type Metadata } from \"next\";\nimport { Geist } from \"next/font/google\";\n\nexport const metadata: Metadata = {\n title: \"Create T3 App\",\n description: \"Generated by create-t3-app\",\n icons: [{ rel: \"icon\", url: \"/favicon.ico\" }],\n};\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{ children: React.ReactNode }>) {\n return (\n \n {children}\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/layout/with-trpc-tw.tsx", "content": "import \"~/styles/globals.css\";\n\nimport { type Metadata } from \"next\";\nimport { Geist } from \"next/font/google\";\n\nimport { TRPCReactProvider } from \"~/trpc/react\";\n\nexport const metadata: Metadata = {\n title: \"Create T3 App\",\n description: \"Generated by create-t3-app\",\n icons: [{ rel: \"icon\", url: \"/favicon.ico\" }],\n};\n\nconst geist = Geist({\n subsets: [\"latin\"],\n variable: \"--font-geist-sans\",\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{ children: React.ReactNode }>) {\n return (\n \n \n {children}\n \n \n );\n}\n" }, { "path": "cli/template/extras/src/app/layout/with-trpc.tsx", "content": "import \"~/styles/globals.css\";\n\nimport { type Metadata } from \"next\";\nimport { Geist } from \"next/font/google\";\n\nimport { TRPCReactProvider } from \"~/trpc/react\";\n\nexport const metadata: Metadata = {\n title: \"Create T3 App\",\n description: \"Generated by create-t3-app\",\n icons: [{ rel: \"icon\", url: \"/favicon.ico\" }],\n};\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{ children: React.ReactNode }>) {\n return (\n \n \n {children}\n \n \n );\n}\n" }, { "path": "cli/template/extras/src/app/layout/with-tw.tsx", "content": "import \"~/styles/globals.css\";\n\nimport { type Metadata } from \"next\";\nimport { Geist } from \"next/font/google\";\n\nexport const metadata: Metadata = {\n title: \"Create T3 App\",\n description: \"Generated by create-t3-app\",\n icons: [{ rel: \"icon\", url: \"/favicon.ico\" }],\n};\n\nconst geist = Geist({\n subsets: [\"latin\"],\n variable: \"--font-geist-sans\",\n});\n\nexport default function RootLayout({\n children,\n}: Readonly<{ children: React.ReactNode }>) {\n return (\n \n {children}\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/base.tsx", "content": "import Link from \"next/link\";\n\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n return (\n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how to\n deploy it.\n
\n \n
\n
\n
\n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-auth-trpc-tw.tsx", "content": "import Link from \"next/link\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { auth } from \"~/server/auth\";\nimport { api, HydrateClient } from \"~/trpc/server\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n const session = await auth();\n\n if (session?.user) {\n void api.post.getLatest.prefetch();\n }\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n \n {session ? \"Sign out\" : \"Sign in\"}\n \n
\n
\n\n {session?.user && }\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-auth-trpc.tsx", "content": "import Link from \"next/link\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { auth } from \"~/server/auth\";\nimport { api, HydrateClient } from \"~/trpc/server\";\nimport styles from \"./index.module.css\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n const session = await auth();\n\n if (session?.user) {\n void api.post.getLatest.prefetch();\n }\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n \n {session ? \"Sign out\" : \"Sign in\"}\n \n
\n
\n\n {session?.user && }\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-better-auth-trpc-tw.tsx", "content": "import { headers } from \"next/headers\";\nimport Link from \"next/link\";\nimport { redirect } from \"next/navigation\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { auth } from \"~/server/better-auth\";\nimport { getSession } from \"~/server/better-auth/server\";\nimport { api, HydrateClient } from \"~/trpc/server\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n const session = await getSession();\n\n if (session) {\n void api.post.getLatest.prefetch();\n }\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n {!session ? (\n
\n {\n \"use server\";\n const res = await auth.api.signInSocial({\n body: {\n provider: \"github\",\n callbackURL: \"/\",\n },\n });\n if (!res.url) {\n throw new Error(\"No URL returned from signInSocial\");\n }\n redirect(res.url);\n }}\n >\n Sign in with Github\n \n \n ) : (\n
\n {\n \"use server\";\n await auth.api.signOut({\n headers: await headers(),\n });\n redirect(\"/\");\n }}\n >\n Sign out\n \n \n )}\n
\n
\n\n {session?.user && }\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-better-auth-trpc.tsx", "content": "import { headers } from \"next/headers\";\nimport Link from \"next/link\";\nimport { redirect } from \"next/navigation\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { auth } from \"~/server/better-auth\";\nimport { getSession } from \"~/server/better-auth/server\";\nimport { api, HydrateClient } from \"~/trpc/server\";\nimport styles from \"./index.module.css\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n const session = await getSession();\n\n if (session?.user) {\n void api.post.getLatest.prefetch();\n }\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n {!session ? (\n
\n {\n \"use server\";\n const res = await auth.api.signInSocial({\n body: {\n provider: \"github\",\n callbackURL: \"/\",\n },\n });\n if (!res.url)\n throw new Error(\"No URL returned from signInSocial\");\n redirect(res.url);\n }}\n >\n Sign in with Github\n \n \n ) : (\n
\n {\n \"use server\";\n await auth.api.signOut({ headers: await headers() });\n redirect(\"/\");\n }}\n >\n Sign out\n \n \n )}\n
\n
\n\n {session?.user && }\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-better-auth-tw.tsx", "content": "import { headers } from \"next/headers\";\nimport Link from \"next/link\";\nimport { redirect } from \"next/navigation\";\n\nimport { auth } from \"~/server/better-auth\";\nimport { getSession } from \"~/server/better-auth/server\";\n\nexport default async function Home() {\n const session = await getSession();\n\n return (\n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how to\n deploy it.\n
\n \n
\n
\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n {!session ? (\n
\n {\n \"use server\";\n const res = await auth.api.signInSocial({\n body: {\n provider: \"github\",\n callbackURL: \"/\",\n },\n });\n if (!res.url) {\n throw new Error(\"No URL returned from signInSocial\");\n }\n redirect(res.url);\n }}\n >\n Sign in with Github\n \n \n ) : (\n
\n {\n \"use server\";\n await auth.api.signOut({\n headers: await headers(),\n });\n redirect(\"/\");\n }}\n >\n Sign out\n \n \n )}\n
\n
\n
\n
\n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-better-auth.tsx", "content": "import { headers } from \"next/headers\";\nimport Link from \"next/link\";\nimport { redirect } from \"next/navigation\";\n\nimport { auth } from \"~/server/better-auth\";\nimport { getSession } from \"~/server/better-auth/server\";\nimport styles from \"./index.module.css\";\n\nexport default async function Home() {\n const session = await getSession();\n\n return (\n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how to\n deploy it.\n
\n \n
\n
\n
\n

\n {session && Logged in as {session.user?.name}}\n

\n {!session ? (\n
\n {\n \"use server\";\n const res = await auth.api.signInSocial({\n body: {\n provider: \"github\",\n callbackURL: \"/\",\n },\n });\n if (!res.url)\n throw new Error(\"No URL returned from signInSocial\");\n redirect(res.url);\n }}\n >\n Sign in with Github\n \n \n ) : (\n
\n {\n \"use server\";\n await auth.api.signOut({ headers: await headers() });\n redirect(\"/\");\n }}\n >\n Sign out\n \n \n )}\n
\n
\n
\n
\n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-trpc-tw.tsx", "content": "import Link from \"next/link\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { api, HydrateClient } from \"~/trpc/server\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n\n void api.post.getLatest.prefetch();\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n
\n\n \n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-trpc.tsx", "content": "import Link from \"next/link\";\n\nimport { LatestPost } from \"~/app/_components/post\";\nimport { api, HydrateClient } from \"~/trpc/server\";\nimport styles from \"./index.module.css\";\n\nexport default async function Home() {\n const hello = await api.post.hello({ text: \"from tRPC\" });\n\n void api.post.getLatest.prefetch();\n\n return (\n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello ? hello.greeting : \"Loading tRPC query...\"}\n

\n
\n\n \n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/app/page/with-tw.tsx", "content": "import Link from \"next/link\";\n\nexport default function HomePage() {\n return (\n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how to\n deploy it.\n
\n \n
\n
\n
\n );\n}\n" }, { "path": "cli/template/extras/src/env/with-auth-db-planetscale.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n AUTH_SECRET:\n process.env.NODE_ENV === \"production\"\n ? z.string()\n : z.string().optional(),\n AUTH_DISCORD_ID: z.string(),\n AUTH_DISCORD_SECRET: z.string(),\n DATABASE_URL: z\n .string()\n .url()\n .refine(\n (str) => !str.includes(\"YOUR_MYSQL_URL_HERE\"),\n \"You forgot to change the default URL\"\n ),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n AUTH_SECRET: process.env.AUTH_SECRET,\n AUTH_DISCORD_ID: process.env.AUTH_DISCORD_ID,\n AUTH_DISCORD_SECRET: process.env.AUTH_DISCORD_SECRET,\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-auth-db.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n AUTH_SECRET:\n process.env.NODE_ENV === \"production\"\n ? z.string()\n : z.string().optional(),\n AUTH_DISCORD_ID: z.string(),\n AUTH_DISCORD_SECRET: z.string(),\n DATABASE_URL: z.string().url(),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n AUTH_SECRET: process.env.AUTH_SECRET,\n AUTH_DISCORD_ID: process.env.AUTH_DISCORD_ID,\n AUTH_DISCORD_SECRET: process.env.AUTH_DISCORD_SECRET,\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-auth.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n AUTH_SECRET:\n process.env.NODE_ENV === \"production\"\n ? z.string()\n : z.string().optional(),\n AUTH_DISCORD_ID: z.string(),\n AUTH_DISCORD_SECRET: z.string(),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n AUTH_SECRET: process.env.AUTH_SECRET,\n AUTH_DISCORD_ID: process.env.AUTH_DISCORD_ID,\n AUTH_DISCORD_SECRET: process.env.AUTH_DISCORD_SECRET,\n NODE_ENV: process.env.NODE_ENV,\n // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-better-auth-db-planetscale.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n BETTER_AUTH_SECRET:\n process.env.NODE_ENV === \"production\"\n ? z.string()\n : z.string().optional(),\n BETTER_AUTH_GITHUB_CLIENT_ID: z.string(),\n BETTER_AUTH_GITHUB_CLIENT_SECRET: z.string(),\n DATABASE_URL: z\n .string()\n .url()\n .refine(\n (str) => !str.includes(\"YOUR_MYSQL_URL_HERE\"),\n \"You forgot to change the default URL\"\n ),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,\n BETTER_AUTH_GITHUB_CLIENT_ID: process.env.BETTER_AUTH_GITHUB_CLIENT_ID,\n BETTER_AUTH_GITHUB_CLIENT_SECRET: process.env.BETTER_AUTH_GITHUB_CLIENT_SECRET,\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-better-auth-db.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n BETTER_AUTH_SECRET:\n process.env.NODE_ENV === \"production\" ? z.string() : z.string().optional(),\n BETTER_AUTH_GITHUB_CLIENT_ID: z.string(),\n BETTER_AUTH_GITHUB_CLIENT_SECRET: z.string(),\n DATABASE_URL: z.string().url(),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"]) \n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,\n BETTER_AUTH_GITHUB_CLIENT_ID: process.env.BETTER_AUTH_GITHUB_CLIENT_ID,\n BETTER_AUTH_GITHUB_CLIENT_SECRET: process.env.BETTER_AUTH_GITHUB_CLIENT_SECRET,\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-better-auth.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n BETTER_AUTH_SECRET:\n process.env.NODE_ENV === \"production\" ? z.string() : z.string().optional(),\n BETTER_AUTH_GITHUB_CLIENT_ID: z.string(),\n BETTER_AUTH_GITHUB_CLIENT_SECRET: z.string(),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"]) \n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,\n BETTER_AUTH_GITHUB_CLIENT_ID: process.env.BETTER_AUTH_GITHUB_CLIENT_ID,\n BETTER_AUTH_GITHUB_CLIENT_SECRET: process.env.BETTER_AUTH_GITHUB_CLIENT_SECRET,\n NODE_ENV: process.env.NODE_ENV,\n // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-db-planetscale.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n DATABASE_URL: z\n .string()\n .url()\n .refine(\n (str) => !str.includes(\"YOUR_MYSQL_URL_HERE\"),\n \"You forgot to change the default URL\"\n ),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/env/with-db.js", "content": "import { createEnv } from \"@t3-oss/env-nextjs\";\nimport { z } from \"zod\";\n\nexport const env = createEnv({\n /**\n * Specify your server-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars.\n */\n server: {\n DATABASE_URL: z.string().url(),\n NODE_ENV: z\n .enum([\"development\", \"test\", \"production\"])\n .default(\"development\"),\n },\n\n /**\n * Specify your client-side environment variables schema here. This way you can ensure the app\n * isn't built with invalid env vars. To expose them to the client, prefix them with\n * `NEXT_PUBLIC_`.\n */\n client: {\n // NEXT_PUBLIC_CLIENTVAR: z.string(),\n },\n\n /**\n * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.\n * middlewares) or client-side so we need to destruct manually.\n */\n runtimeEnv: {\n DATABASE_URL: process.env.DATABASE_URL,\n NODE_ENV: process.env.NODE_ENV,\n // NEXT_PUBLIC_CLIENTVAR: process.env.NEXT_PUBLIC_CLIENTVAR,\n },\n /**\n * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially\n * useful for Docker builds.\n */\n skipValidation: !!process.env.SKIP_ENV_VALIDATION,\n /**\n * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and\n * `SOME_VAR=''` will throw an error.\n */\n emptyStringAsUndefined: true,\n});\n" }, { "path": "cli/template/extras/src/index.module.css", "content": ".main {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n background-image: linear-gradient(to bottom, #2e026d, #15162c);\n}\n\n.container {\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 3rem;\n padding: 4rem 1rem;\n}\n\n@media (min-width: 640px) {\n .container {\n max-width: 640px;\n }\n}\n\n@media (min-width: 768px) {\n .container {\n max-width: 768px;\n }\n}\n\n@media (min-width: 1024px) {\n .container {\n max-width: 1024px;\n }\n}\n\n@media (min-width: 1280px) {\n .container {\n max-width: 1280px;\n }\n}\n\n@media (min-width: 1536px) {\n .container {\n max-width: 1536px;\n }\n}\n\n.title {\n font-size: 3rem;\n line-height: 1;\n font-weight: 800;\n letter-spacing: -0.025em;\n margin: 0;\n color: white;\n}\n\n@media (min-width: 640px) {\n .title {\n font-size: 5rem;\n }\n}\n\n.pinkSpan {\n color: hsl(280 100% 70%);\n}\n\n.cardRow {\n display: grid;\n grid-template-columns: repeat(1, minmax(0, 1fr));\n gap: 1rem;\n}\n\n@media (min-width: 640px) {\n .cardRow {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (min-width: 768px) {\n .cardRow {\n gap: 2rem;\n }\n}\n\n.card {\n max-width: 20rem;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n padding: 1rem;\n border-radius: 0.75rem;\n color: white;\n background-color: rgb(255 255 255 / 0.1);\n}\n\n.card:hover {\n background-color: rgb(255 255 255 / 0.2);\n transition: background-color 150ms cubic-bezier(0.5, 0, 0.2, 1);\n}\n\n.cardTitle {\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n margin: 0;\n}\n\n.cardText {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n\n.showcaseContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n}\n\n.showcaseText {\n color: white;\n text-align: center;\n font-size: 1.5rem;\n line-height: 2rem;\n}\n\n.authContainer {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 1rem;\n}\n\n.loginButton {\n border-radius: 9999px;\n background-color: rgb(255 255 255 / 0.1);\n padding: 0.75rem 2.5rem;\n font-weight: 600;\n color: white;\n text-decoration-line: none;\n transition: background-color 150ms cubic-bezier(0.5, 0, 0.2, 1);\n}\n\n.loginButton:hover {\n background-color: rgb(255 255 255 / 0.2);\n}\n\n.form {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.input {\n width: 100%;\n border-radius: 9999px;\n padding: 0.5rem 1rem;\n color: black;\n}\n\n.submitButton {\n all: unset;\n border-radius: 9999px;\n background-color: rgb(255 255 255 / 0.1);\n padding: 0.75rem 2.5rem;\n font-weight: 600;\n color: white;\n text-align: center;\n transition: background-color 150ms cubic-bezier(0.5, 0, 0.2, 1);\n}\n\n.submitButton:hover {\n background-color: rgb(255 255 255 / 0.2);\n}\n" }, { "path": "cli/template/extras/src/pages/_app/base.tsx", "content": "import { type AppType } from \"next/dist/shared/lib/utils\";\nimport { Geist } from \"next/font/google\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default MyApp;\n" }, { "path": "cli/template/extras/src/pages/_app/with-auth-trpc-tw.tsx", "content": "import { type Session } from \"next-auth\";\nimport { SessionProvider } from \"next-auth/react\";\nimport { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType<{ session: Session | null }> = ({\n Component,\n pageProps: { session, ...pageProps },\n}) => {\n return (\n \n
\n \n
\n \n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-auth-trpc.tsx", "content": "import { type Session } from \"next-auth\";\nimport { SessionProvider } from \"next-auth/react\";\nimport { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType<{ session: Session | null }> = ({\n Component,\n pageProps: { session, ...pageProps },\n}) => {\n return (\n \n
\n \n
\n \n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-auth-tw.tsx", "content": "import { type Session } from \"next-auth\";\nimport { SessionProvider } from \"next-auth/react\";\nimport { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType<{ session: Session | null }> = ({\n Component,\n pageProps: { session, ...pageProps },\n}) => {\n return (\n \n
\n \n
\n \n );\n};\n\nexport default MyApp;\n" }, { "path": "cli/template/extras/src/pages/_app/with-auth.tsx", "content": "import { type Session } from \"next-auth\";\nimport { SessionProvider } from \"next-auth/react\";\nimport { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType<{ session: Session | null }> = ({\n Component,\n pageProps: { session, ...pageProps },\n}) => {\n return (\n \n
\n \n
\n \n );\n};\n\nexport default MyApp;\n" }, { "path": "cli/template/extras/src/pages/_app/with-better-auth-trpc-tw.tsx", "content": "import { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-better-auth-trpc.tsx", "content": "import { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-trpc-tw.tsx", "content": "import { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-trpc.tsx", "content": "import { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport { api } from \"~/utils/api\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default api.withTRPC(MyApp);\n" }, { "path": "cli/template/extras/src/pages/_app/with-tw.tsx", "content": "import { type AppType } from \"next/app\";\nimport { Geist } from \"next/font/google\";\n\nimport \"~/styles/globals.css\";\n\nconst geist = Geist({\n subsets: [\"latin\"],\n});\n\nconst MyApp: AppType = ({ Component, pageProps }) => {\n return (\n
\n \n
\n );\n};\n\nexport default MyApp;\n" }, { "path": "cli/template/extras/src/pages/api/auth/[...all].ts", "content": "import { toNodeHandler } from \"better-auth/node\";\n\nimport { auth } from \"~/server/better-auth\";\n\n// Disallow body parsing, we will parse it manually\nexport const config = { api: { bodyParser: false } };\n\nexport default toNodeHandler(auth.handler);\n" }, { "path": "cli/template/extras/src/pages/api/trpc/[trpc].ts", "content": "import { createNextApiHandler } from \"@trpc/server/adapters/next\";\n\nimport { env } from \"~/env\";\nimport { appRouter } from \"~/server/api/root\";\nimport { createTRPCContext } from \"~/server/api/trpc\";\n\n// export API handler\nexport default createNextApiHandler({\n router: appRouter,\n createContext: createTRPCContext,\n onError:\n env.NODE_ENV === \"development\"\n ? ({ path, error }) => {\n console.error(\n `❌ tRPC failed on ${path ?? \"\"}: ${error.message}`\n );\n }\n : undefined,\n});\n" }, { "path": "cli/template/extras/src/pages/index/base.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-auth-trpc-tw.tsx", "content": "import { signIn, signOut, useSession } from \"next-auth/react\";\nimport Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { api } from \"~/utils/api\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData } = useSession();\n\n const { data: secretMessage } = api.post.getSecretMessage.useQuery(\n undefined, // no input\n { enabled: sessionData?.user !== undefined }\n );\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n {secretMessage && - {secretMessage}}\n

\n void signOut() : () => void signIn()}\n >\n {sessionData ? \"Sign out\" : \"Sign in\"}\n \n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-auth-trpc.tsx", "content": "import { signIn, signOut, useSession } from \"next-auth/react\";\nimport Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { api } from \"~/utils/api\";\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData } = useSession();\n\n const { data: secretMessage } = api.post.getSecretMessage.useQuery(\n undefined, // no input\n { enabled: sessionData?.user !== undefined }\n );\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n {secretMessage && - {secretMessage}}\n

\n void signOut() : () => void signIn()}\n >\n {sessionData ? \"Sign out\" : \"Sign in\"}\n \n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-better-auth-trpc-tw.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { authClient } from \"~/server/better-auth/client\";\nimport { api } from \"~/utils/api\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData, isPending } = authClient.useSession();\n\n const { data: secretMessage } = api.post.getSecretMessage.useQuery(\n undefined, // no input\n { enabled: sessionData?.user !== undefined }\n );\n\n if (isPending) {\n return

Loading...

;\n }\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n {secretMessage && - {secretMessage}}\n

\n {sessionData ? (\n {\n await authClient.signOut();\n }}\n >\n Sign out\n \n ) : (\n {\n await authClient.signIn.social({ provider: \"github\" });\n }}\n >\n Sign in with GitHub\n \n )}\n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-better-auth-trpc.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { authClient } from \"~/server/better-auth/client\";\nimport { api } from \"~/utils/api\";\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData, isPending } = authClient.useSession();\n\n const { data: secretMessage } = api.post.getSecretMessage.useQuery(\n undefined, // no input\n { enabled: sessionData?.user !== undefined }\n );\n\n if (isPending) {\n return

Loading...

;\n }\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n {secretMessage && - {secretMessage}}\n

\n {sessionData ? (\n {\n await authClient.signOut();\n }}\n >\n Sign out\n \n ) : (\n {\n await authClient.signIn.social({ provider: \"github\" });\n }}\n >\n Sign in with GitHub\n \n )}\n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-better-auth-tw.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { authClient } from \"~/server/better-auth/client\";\n\nexport default function Home() {\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData, isPending } = authClient.useSession();\n\n if (isPending) {\n return

Loading...

;\n }\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n

\n {sessionData ? (\n {\n await authClient.signOut();\n }}\n >\n Sign out\n \n ) : (\n {\n await authClient.signIn.social({ provider: \"github\" });\n }}\n >\n Sign in with GitHub\n \n )}\n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-better-auth.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { authClient } from \"~/server/better-auth/client\";\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n \n
\n
\n
\n \n );\n}\n\nfunction AuthShowcase() {\n const { data: sessionData, isPending } = authClient.useSession();\n\n if (isPending) {\n return

Loading...

;\n }\n\n return (\n
\n

\n {sessionData && Logged in as {sessionData.user?.name}}\n

\n {sessionData ? (\n {\n await authClient.signOut();\n }}\n >\n Sign out\n \n ) : (\n {\n await authClient.signIn.social({ provider: \"github\" });\n }}\n >\n Sign in with GitHub\n \n )}\n
\n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-trpc-tw.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { api } from \"~/utils/api\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-trpc.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nimport { api } from \"~/utils/api\";\nimport styles from \"./index.module.css\";\n\nexport default function Home() {\n const hello = api.post.hello.useQuery({ text: \"from tRPC\" });\n\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n

\n {hello.data ? hello.data.greeting : \"Loading tRPC query...\"}\n

\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/pages/index/with-tw.tsx", "content": "import Head from \"next/head\";\nimport Link from \"next/link\";\n\nexport default function Home() {\n return (\n <>\n \n Create T3 App\n \n \n \n
\n
\n

\n Create T3 App\n

\n
\n \n

First Steps →

\n
\n Just the basics - Everything you need to know to set up your\n database and authentication.\n
\n \n \n

Documentation →

\n
\n Learn more about Create T3 App, the libraries it uses, and how\n to deploy it.\n
\n \n
\n
\n
\n \n );\n}\n" }, { "path": "cli/template/extras/src/server/api/root.ts", "content": "import { postRouter } from \"~/server/api/routers/post\";\nimport { createCallerFactory, createTRPCRouter } from \"~/server/api/trpc\";\n\n/**\n * This is the primary router for your server.\n *\n * All routers added in /api/routers should be manually added here.\n */\nexport const appRouter = createTRPCRouter({\n post: postRouter,\n});\n\n// export type definition of API\nexport type AppRouter = typeof appRouter;\n\n/**\n * Create a server-side caller for the tRPC API.\n * @example\n * const trpc = createCaller(createContext);\n * const res = await trpc.post.all();\n * ^? Post[]\n */\nexport const createCaller = createCallerFactory(appRouter);\n" }, { "path": "cli/template/extras/src/server/api/routers/post/base.ts", "content": "import { z } from \"zod\";\n\nimport { createTRPCRouter, publicProcedure } from \"~/server/api/trpc\";\n\n// Mocked DB\ninterface Post {\n id: number;\n name: string;\n}\nconst posts: Post[] = [\n {\n id: 1,\n name: \"Hello World\",\n },\n];\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: publicProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ input }) => {\n const post: Post = {\n id: posts.length + 1,\n name: input.name,\n };\n posts.push(post);\n return post;\n }),\n\n getLatest: publicProcedure.query(() => {\n return posts.at(-1) ?? null;\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/routers/post/with-auth-drizzle.ts", "content": "import { z } from \"zod\";\n\nimport {\n createTRPCRouter,\n protectedProcedure,\n publicProcedure,\n} from \"~/server/api/trpc\";\nimport { posts } from \"~/server/db/schema\";\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: protectedProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ ctx, input }) => {\n await ctx.db.insert(posts).values({\n name: input.name,\n createdById: ctx.session.user.id,\n });\n }),\n\n getLatest: protectedProcedure.query(async ({ ctx }) => {\n const post = await ctx.db.query.posts.findFirst({\n orderBy: (posts, { desc }) => [desc(posts.createdAt)],\n });\n\n return post ?? null;\n }),\n\n getSecretMessage: protectedProcedure.query(() => {\n return \"you can now see this secret message!\";\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/routers/post/with-auth-prisma.ts", "content": "import { z } from \"zod\";\n\nimport {\n createTRPCRouter,\n protectedProcedure,\n publicProcedure,\n} from \"~/server/api/trpc\";\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: protectedProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ ctx, input }) => {\n return ctx.db.post.create({\n data: {\n name: input.name,\n createdBy: { connect: { id: ctx.session.user.id } },\n },\n });\n }),\n\n getLatest: protectedProcedure.query(async ({ ctx }) => {\n const post = await ctx.db.post.findFirst({\n orderBy: { createdAt: \"desc\" },\n where: { createdBy: { id: ctx.session.user.id } },\n });\n\n return post ?? null;\n }),\n\n getSecretMessage: protectedProcedure.query(() => {\n return \"you can now see this secret message!\";\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/routers/post/with-auth.ts", "content": "import { z } from \"zod\";\n\nimport {\n createTRPCRouter,\n protectedProcedure,\n publicProcedure,\n} from \"~/server/api/trpc\";\n\nlet post = {\n id: 1,\n name: \"Hello World\",\n};\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: protectedProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ input }) => {\n post = { id: post.id + 1, name: input.name };\n return post;\n }),\n\n getLatest: protectedProcedure.query(() => {\n return post;\n }),\n\n getSecretMessage: protectedProcedure.query(() => {\n return \"you can now see this secret message!\";\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/routers/post/with-drizzle.ts", "content": "import { z } from \"zod\";\n\nimport { createTRPCRouter, publicProcedure } from \"~/server/api/trpc\";\nimport { posts } from \"~/server/db/schema\";\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: publicProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ ctx, input }) => {\n await ctx.db.insert(posts).values({\n name: input.name,\n });\n }),\n\n getLatest: publicProcedure.query(async ({ ctx }) => {\n const post = await ctx.db.query.posts.findFirst({\n orderBy: (posts, { desc }) => [desc(posts.createdAt)],\n });\n\n return post ?? null;\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/routers/post/with-prisma.ts", "content": "import { z } from \"zod\";\n\nimport { createTRPCRouter, publicProcedure } from \"~/server/api/trpc\";\n\nexport const postRouter = createTRPCRouter({\n hello: publicProcedure\n .input(z.object({ text: z.string() }))\n .query(({ input }) => {\n return {\n greeting: `Hello ${input.text}`,\n };\n }),\n\n create: publicProcedure\n .input(z.object({ name: z.string().min(1) }))\n .mutation(async ({ ctx, input }) => {\n return ctx.db.post.create({\n data: {\n name: input.name,\n },\n });\n }),\n\n getLatest: publicProcedure.query(async ({ ctx }) => {\n const post = await ctx.db.post.findFirst({\n orderBy: { createdAt: \"desc\" },\n });\n\n return post ?? null;\n }),\n});\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/base.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n return {\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/with-auth-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\n\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/auth\";\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n const session = await auth();\n\n return {\n db,\n session,\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/with-auth.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/auth\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n const session = await auth();\n\n return {\n session,\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/with-better-auth-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\n\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/better-auth\";\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n const session = await auth.api.getSession({\n headers: opts.headers,\n });\n return {\n db,\n session,\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/with-better-auth.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/better-auth\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n const session = await auth.api.getSession({\n headers: opts.headers,\n });\n return {\n session,\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-app/with-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC } from \"@trpc/server\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n *\n * This helper generates the \"internals\" for a tRPC context. The API handler and RSC clients each\n * wrap this and provides the required context.\n *\n * @see https://trpc.io/docs/server/context\n */\nexport const createTRPCContext = async (opts: { headers: Headers }) => {\n return {\n db,\n ...opts,\n };\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/base.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\n\nimport { initTRPC } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ntype CreateContextOptions = Record;\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = (_opts: CreateContextOptions) => {\n return {};\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = (_opts: CreateNextContextOptions) => {\n return createInnerTRPCContext({});\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/with-auth-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\n\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\nimport { type Session } from \"next-auth\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/auth\";\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ninterface CreateContextOptions {\n session: Session | null;\n}\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = (opts: CreateContextOptions) => {\n return {\n session: opts.session,\n db,\n };\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = async (opts: CreateNextContextOptions) => {\n const { req, res } = opts;\n\n // Get the session from the server using the getServerSession wrapper function\n const session = await auth(req, res);\n\n return createInnerTRPCContext({\n session,\n });\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/with-auth.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\nimport { type Session } from \"next-auth\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/auth\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ninterface CreateContextOptions {\n session: Session | null;\n}\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = ({ session }: CreateContextOptions) => {\n return {\n session,\n };\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = async ({\n req,\n res,\n}: CreateNextContextOptions) => {\n // Get the session from the server using the getServerSession wrapper function\n const session = await auth(req, res);\n\n return createInnerTRPCContext({\n session,\n });\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/with-better-auth-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\n\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/better-auth\";\nimport { type Session } from \"~/server/better-auth/config\";\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ninterface CreateContextOptions {\n session: Session | null;\n}\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = (opts: CreateContextOptions) => {\n return {\n session: opts.session,\n db,\n };\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = async ({ req }: CreateNextContextOptions) => {\n // Convert IncomingHttpHeaders to Headers object\n const headers = new Headers();\n for (const [key, value] of Object.entries(req.headers)) {\n if (Array.isArray(value)) {\n value.forEach((v) => headers.append(key, v));\n } else if (value) {\n headers.append(key, value);\n }\n }\n\n const session = await auth.api.getSession({\n headers,\n });\n return createInnerTRPCContext({\n session,\n });\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/with-better-auth.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC, TRPCError } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\n// import { } from \"next-auth\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { auth } from \"~/server/better-auth\";\nimport { type Session } from \"~/server/better-auth/config\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ninterface CreateContextOptions {\n session: Session | null;\n}\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = ({ session }: CreateContextOptions) => {\n return {\n session,\n };\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = async ({ req }: CreateNextContextOptions) => {\n // Convert IncomingHttpHeaders to Headers object\n const headers = new Headers();\n for (const [key, value] of Object.entries(req.headers)) {\n if (Array.isArray(value)) {\n value.forEach((v) => headers.append(key, v));\n } else if (value) {\n headers.append(key, value);\n }\n }\n\n const session = await auth.api.getSession({\n headers,\n });\n return createInnerTRPCContext({\n session,\n });\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n\n/**\n * Protected (authenticated) procedure\n *\n * If you want a query or mutation to ONLY be accessible to logged in users, use this. It verifies\n * the session is valid and guarantees `ctx.session.user` is not null.\n *\n * @see https://trpc.io/docs/procedures\n */\nexport const protectedProcedure = t.procedure\n .use(timingMiddleware)\n .use(({ ctx, next }) => {\n if (!ctx.session?.user) {\n throw new TRPCError({ code: \"UNAUTHORIZED\" });\n }\n return next({\n ctx: {\n // infers the `session` as non-nullable\n session: { ...ctx.session, user: ctx.session.user },\n },\n });\n });\n" }, { "path": "cli/template/extras/src/server/api/trpc-pages/with-db.ts", "content": "/**\n * YOU PROBABLY DON'T NEED TO EDIT THIS FILE, UNLESS:\n * 1. You want to modify request context (see Part 1).\n * 2. You want to create a new middleware or type of procedure (see Part 3).\n *\n * TL;DR - This is where all the tRPC server stuff is created and plugged in. The pieces you will\n * need to use are documented accordingly near the end.\n */\nimport { initTRPC } from \"@trpc/server\";\nimport { type CreateNextContextOptions } from \"@trpc/server/adapters/next\";\nimport superjson from \"superjson\";\nimport { ZodError } from \"zod\";\n\nimport { db } from \"~/server/db\";\n\n/**\n * 1. CONTEXT\n *\n * This section defines the \"contexts\" that are available in the backend API.\n *\n * These allow you to access things when processing a request, like the database, the session, etc.\n */\n\ntype CreateContextOptions = Record;\n\n/**\n * This helper generates the \"internals\" for a tRPC context. If you need to use it, you can export\n * it from here.\n *\n * Examples of things you may need it for:\n * - testing, so we don't have to mock Next.js' req/res\n * - tRPC's `createSSGHelpers`, where we don't have req/res\n *\n * @see https://create.t3.gg/en/usage/trpc#-serverapitrpcts\n */\nconst createInnerTRPCContext = (_opts: CreateContextOptions) => {\n return {\n db,\n };\n};\n\n/**\n * This is the actual context you will use in your router. It will be used to process every request\n * that goes through your tRPC endpoint.\n *\n * @see https://trpc.io/docs/context\n */\nexport const createTRPCContext = (_opts: CreateNextContextOptions) => {\n return createInnerTRPCContext({});\n};\n\n/**\n * 2. INITIALIZATION\n *\n * This is where the tRPC API is initialized, connecting the context and transformer. We also parse\n * ZodErrors so that you get typesafety on the frontend if your procedure fails due to validation\n * errors on the backend.\n */\n\nconst t = initTRPC.context().create({\n transformer: superjson,\n errorFormatter({ shape, error }) {\n return {\n ...shape,\n data: {\n ...shape.data,\n zodError:\n error.cause instanceof ZodError ? error.cause.flatten() : null,\n },\n };\n },\n});\n\n/**\n * Create a server-side caller.\n *\n * @see https://trpc.io/docs/server/server-side-calls\n */\nexport const createCallerFactory = t.createCallerFactory;\n\n/**\n * 3. ROUTER & PROCEDURE (THE IMPORTANT BIT)\n *\n * These are the pieces you use to build your tRPC API. You should import these a lot in the\n * \"/src/server/api/routers\" directory.\n */\n\n/**\n * This is how you create new routers and sub-routers in your tRPC API.\n *\n * @see https://trpc.io/docs/router\n */\nexport const createTRPCRouter = t.router;\n\n/**\n * Middleware for timing procedure execution and adding an artificial delay in development.\n *\n * You can remove this if you don't like it, but it can help catch unwanted waterfalls by simulating\n * network latency that would occur in production but not in local development.\n */\nconst timingMiddleware = t.middleware(async ({ next, path }) => {\n const start = Date.now();\n\n if (t._config.isDev) {\n // artificial delay in dev\n const waitMs = Math.floor(Math.random() * 400) + 100;\n await new Promise((resolve) => setTimeout(resolve, waitMs));\n }\n\n const result = await next();\n\n const end = Date.now();\n console.log(`[TRPC] ${path} took ${end - start}ms to execute`);\n\n return result;\n});\n\n/**\n * Public (unauthenticated) procedure\n *\n * This is the base piece you use to build new queries and mutations on your tRPC API. It does not\n * guarantee that a user querying is authorized, but you can still access user session data if they\n * are logged in.\n */\nexport const publicProcedure = t.procedure.use(timingMiddleware);\n" }, { "path": "cli/template/extras/src/server/auth/config/base.ts", "content": "import { type DefaultSession, type NextAuthConfig } from \"next-auth\";\nimport DiscordProvider from \"next-auth/providers/discord\";\n\n/**\n * Module augmentation for `next-auth` types. Allows us to add custom properties to the `session`\n * object and keep type safety.\n *\n * @see https://next-auth.js.org/getting-started/typescript#module-augmentation\n */\ndeclare module \"next-auth\" {\n interface Session extends DefaultSession {\n user: {\n id: string;\n // ...other properties\n // role: UserRole;\n } & DefaultSession[\"user\"];\n }\n\n // interface User {\n // // ...other properties\n // // role: UserRole;\n // }\n}\n\n/**\n * Options for NextAuth.js used to configure adapters, providers, callbacks, etc.\n *\n * @see https://next-auth.js.org/configuration/options\n */\nexport const authConfig = {\n providers: [\n DiscordProvider,\n /**\n * ...add more providers here.\n *\n * Most other providers require a bit more work than the Discord provider. For example, the\n * GitHub provider requires you to add the `refresh_token_expires_in` field to the Account\n * model. Refer to the NextAuth.js docs for the provider you want to use. Example:\n *\n * @see https://next-auth.js.org/providers/github\n */\n ],\n callbacks: {\n session: ({ session, token }) => ({\n ...session,\n user: {\n ...session.user,\n id: token.sub,\n },\n }),\n },\n} satisfies NextAuthConfig;\n" }, { "path": "cli/template/extras/src/server/auth/config/with-drizzle.ts", "content": "import { DrizzleAdapter } from \"@auth/drizzle-adapter\";\nimport { type DefaultSession, type NextAuthConfig } from \"next-auth\";\nimport DiscordProvider from \"next-auth/providers/discord\";\n\nimport { db } from \"~/server/db\";\nimport {\n accounts,\n sessions,\n users,\n verificationTokens,\n} from \"~/server/db/schema\";\n\n/**\n * Module augmentation for `next-auth` types. Allows us to add custom properties to the `session`\n * object and keep type safety.\n *\n * @see https://next-auth.js.org/getting-started/typescript#module-augmentation\n */\ndeclare module \"next-auth\" {\n interface Session extends DefaultSession {\n user: {\n id: string;\n // ...other properties\n // role: UserRole;\n } & DefaultSession[\"user\"];\n }\n\n // interface User {\n // // ...other properties\n // // role: UserRole;\n // }\n}\n\n/**\n * Options for NextAuth.js used to configure adapters, providers, callbacks, etc.\n *\n * @see https://next-auth.js.org/configuration/options\n */\nexport const authConfig = {\n providers: [\n DiscordProvider,\n /**\n * ...add more providers here.\n *\n * Most other providers require a bit more work than the Discord provider. For example, the\n * GitHub provider requires you to add the `refresh_token_expires_in` field to the Account\n * model. Refer to the NextAuth.js docs for the provider you want to use. Example:\n *\n * @see https://next-auth.js.org/providers/github\n */\n ],\n adapter: DrizzleAdapter(db, {\n usersTable: users,\n accountsTable: accounts,\n sessionsTable: sessions,\n verificationTokensTable: verificationTokens,\n }),\n callbacks: {\n session: ({ session, user }) => ({\n ...session,\n user: {\n ...session.user,\n id: user.id,\n },\n }),\n },\n} satisfies NextAuthConfig;\n" }, { "path": "cli/template/extras/src/server/auth/config/with-prisma.ts", "content": "import { PrismaAdapter } from \"@auth/prisma-adapter\";\nimport { type DefaultSession, type NextAuthConfig } from \"next-auth\";\nimport DiscordProvider from \"next-auth/providers/discord\";\n\nimport { db } from \"~/server/db\";\n\n/**\n * Module augmentation for `next-auth` types. Allows us to add custom properties to the `session`\n * object and keep type safety.\n *\n * @see https://next-auth.js.org/getting-started/typescript#module-augmentation\n */\ndeclare module \"next-auth\" {\n interface Session extends DefaultSession {\n user: {\n id: string;\n // ...other properties\n // role: UserRole;\n } & DefaultSession[\"user\"];\n }\n\n // interface User {\n // // ...other properties\n // // role: UserRole;\n // }\n}\n\n/**\n * Options for NextAuth.js used to configure adapters, providers, callbacks, etc.\n *\n * @see https://next-auth.js.org/configuration/options\n */\nexport const authConfig = {\n providers: [\n DiscordProvider,\n /**\n * ...add more providers here.\n *\n * Most other providers require a bit more work than the Discord provider. For example, the\n * GitHub provider requires you to add the `refresh_token_expires_in` field to the Account\n * model. Refer to the NextAuth.js docs for the provider you want to use. Example:\n *\n * @see https://next-auth.js.org/providers/github\n */\n ],\n adapter: PrismaAdapter(db),\n callbacks: {\n session: ({ session, user }) => ({\n ...session,\n user: {\n ...session.user,\n id: user.id,\n },\n }),\n },\n} satisfies NextAuthConfig;\n" }, { "path": "cli/template/extras/src/server/auth/index.ts", "content": "import NextAuth from \"next-auth\";\nimport { cache } from \"react\";\n\nimport { authConfig } from \"./config\";\n\nconst { auth: uncachedAuth, handlers, signIn, signOut } = NextAuth(authConfig);\n\nconst auth = cache(uncachedAuth);\n\nexport { auth, handlers, signIn, signOut };\n" }, { "path": "cli/template/extras/src/server/better-auth/client.ts", "content": "import { createAuthClient } from \"better-auth/react\";\n\nexport const authClient = createAuthClient();\n\nexport type Session = typeof authClient.$Infer.Session;\n" }, { "path": "cli/template/extras/src/server/better-auth/config/base.ts", "content": "import { betterAuth } from \"better-auth\";\nimport { nextCookies } from \"better-auth/next-js\";\n\nexport const auth = betterAuth({\n emailAndPassword: {\n enabled: true,\n },\n // Make sure nextCookies() is the last plugin in the array\n plugins: [nextCookies()],\n});\n\nexport type Session = typeof auth.$Infer.Session;\n" }, { "path": "cli/template/extras/src/server/better-auth/config/with-drizzle.ts", "content": "import { betterAuth } from \"better-auth\";\nimport { drizzleAdapter } from \"better-auth/adapters/drizzle\";\nimport { nextCookies } from \"better-auth/next-js\";\n\nimport { env } from \"~/env\";\nimport { db } from \"~/server/db\";\n\nexport const auth = betterAuth({\n database: drizzleAdapter(db, {\n provider: \"pg\", // or \"pg\" or \"mysql\"\n }),\n emailAndPassword: {\n enabled: true,\n },\n socialProviders: {\n github: {\n clientId: env.BETTER_AUTH_GITHUB_CLIENT_ID,\n clientSecret: env.BETTER_AUTH_GITHUB_CLIENT_SECRET,\n redirectURI: \"http://localhost:3000/api/auth/callback/github\",\n },\n },\n // Make sure nextCookies() is the last plugin in the array\n plugins: [nextCookies()],\n});\n\nexport type Session = typeof auth.$Infer.Session;\n" }, { "path": "cli/template/extras/src/server/better-auth/config/with-prisma.ts", "content": "import { betterAuth } from \"better-auth\";\nimport { prismaAdapter } from \"better-auth/adapters/prisma\";\nimport { nextCookies } from \"better-auth/next-js\";\n\nimport { env } from \"~/env\";\nimport { db } from \"~/server/db\";\n\nexport const auth = betterAuth({\n database: prismaAdapter(db, {\n provider: \"postgresql\", // or \"sqlite\" or \"mysql\"\n }),\n emailAndPassword: {\n enabled: true,\n },\n socialProviders: {\n github: {\n clientId: env.BETTER_AUTH_GITHUB_CLIENT_ID,\n clientSecret: env.BETTER_AUTH_GITHUB_CLIENT_SECRET,\n redirectURI: \"http://localhost:3000/api/auth/callback/github\",\n },\n },\n // Make sure nextCookies() is the last plugin in the array\n plugins: [nextCookies()],\n});\n\nexport type Session = typeof auth.$Infer.Session;\n" }, { "path": "cli/template/extras/src/server/better-auth/index.ts", "content": "export { auth } from \"./config\";\n" }, { "path": "cli/template/extras/src/server/better-auth/server.ts", "content": "import { auth } from \".\";\nimport { headers } from \"next/headers\";\nimport { cache } from \"react\";\n\nexport const getSession = cache(async () =>\n auth.api.getSession({ headers: await headers() })\n);\n" }, { "path": "cli/template/extras/src/server/db/db-prisma-planetscale.ts", "content": "import { PrismaPlanetScale } from \"@prisma/adapter-planetscale\";\n\nimport { env } from \"~/env\";\nimport { PrismaClient } from \"../../generated/prisma\";\n\nconst createPrismaClient = () =>\n new PrismaClient({\n log:\n env.NODE_ENV === \"development\" ? [\"query\", \"error\", \"warn\"] : [\"error\"],\n adapter: new PrismaPlanetScale({ url: env.DATABASE_URL }),\n });\n\nconst globalForPrisma = globalThis as unknown as {\n prisma: ReturnType | undefined;\n};\n\nexport const db = globalForPrisma.prisma ?? createPrismaClient();\n\nif (env.NODE_ENV !== \"production\") globalForPrisma.prisma = db;\n" }, { "path": "cli/template/extras/src/server/db/db-prisma.ts", "content": "import { env } from \"~/env\";\nimport { PrismaClient } from \"../../generated/prisma\";\n\nconst createPrismaClient = () =>\n new PrismaClient({\n log:\n env.NODE_ENV === \"development\" ? [\"query\", \"error\", \"warn\"] : [\"error\"],\n });\n\nconst globalForPrisma = globalThis as unknown as {\n prisma: ReturnType | undefined;\n};\n\nexport const db = globalForPrisma.prisma ?? createPrismaClient();\n\nif (env.NODE_ENV !== \"production\") globalForPrisma.prisma = db;\n" }, { "path": "cli/template/extras/src/server/db/index-drizzle/with-mysql.ts", "content": "import { drizzle } from \"drizzle-orm/mysql2\";\nimport { createPool, type Pool } from \"mysql2/promise\";\n\nimport { env } from \"~/env\";\nimport * as schema from \"./schema\";\n\n/**\n * Cache the database connection in development. This avoids creating a new connection on every HMR\n * update.\n */\nconst globalForDb = globalThis as unknown as {\n conn: Pool | undefined;\n};\n\nconst conn = globalForDb.conn ?? createPool({ uri: env.DATABASE_URL });\nif (env.NODE_ENV !== \"production\") globalForDb.conn = conn;\n\nexport const db = drizzle(conn, { schema, mode: \"default\" });\n" }, { "path": "cli/template/extras/src/server/db/index-drizzle/with-planetscale.ts", "content": "import { Client } from \"@planetscale/database\";\nimport { drizzle } from \"drizzle-orm/planetscale-serverless\";\n\nimport { env } from \"~/env\";\nimport * as schema from \"./schema\";\n\nexport const db = drizzle(new Client({ url: env.DATABASE_URL }), { schema });\n" }, { "path": "cli/template/extras/src/server/db/index-drizzle/with-postgres.ts", "content": "import { drizzle } from \"drizzle-orm/postgres-js\";\nimport postgres from \"postgres\";\n\nimport { env } from \"~/env\";\nimport * as schema from \"./schema\";\n\n/**\n * Cache the database connection in development. This avoids creating a new connection on every HMR\n * update.\n */\nconst globalForDb = globalThis as unknown as {\n conn: postgres.Sql | undefined;\n};\n\nconst conn = globalForDb.conn ?? postgres(env.DATABASE_URL);\nif (env.NODE_ENV !== \"production\") globalForDb.conn = conn;\n\nexport const db = drizzle(conn, { schema });\n" }, { "path": "cli/template/extras/src/server/db/index-drizzle/with-sqlite.ts", "content": "import { createClient, type Client } from \"@libsql/client\";\nimport { drizzle } from \"drizzle-orm/libsql\";\n\nimport { env } from \"~/env\";\nimport * as schema from \"./schema\";\n\n/**\n * Cache the database connection in development. This avoids creating a new connection on every HMR\n * update.\n */\nconst globalForDb = globalThis as unknown as {\n client: Client | undefined;\n};\n\nexport const client =\n globalForDb.client ?? createClient({ url: env.DATABASE_URL });\nif (env.NODE_ENV !== \"production\") globalForDb.client = client;\n\nexport const db = drizzle(client, { schema });\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/base-mysql.ts", "content": "// Example model schema from the Drizzle docs\n// https://orm.drizzle.team/docs/sql-schema-declaration\n\nimport { index, mysqlTableCreator } from \"drizzle-orm/mysql-core\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [index(\"name_idx\").on(t.name)]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/base-planetscale.ts", "content": "// Example model schema from the Drizzle docs\n// https://orm.drizzle.team/docs/sql-schema-declaration\n\nimport { index, mysqlTableCreator } from \"drizzle-orm/mysql-core\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [index(\"name_idx\").on(t.name)]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/base-postgres.ts", "content": "// Example model schema from the Drizzle docs\n// https://orm.drizzle.team/docs/sql-schema-declaration\n\nimport { index, pgTableCreator } from \"drizzle-orm/pg-core\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = pgTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.integer().primaryKey().generatedByDefaultAsIdentity(),\n name: d.varchar({ length: 256 }),\n createdAt: d\n .timestamp({ withTimezone: true })\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp({ withTimezone: true }).$onUpdate(() => new Date()),\n }),\n (t) => [index(\"name_idx\").on(t.name)]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/base-sqlite.ts", "content": "// Example model schema from the Drizzle docs\n// https://orm.drizzle.team/docs/sql-schema-declaration\n\nimport { sql } from \"drizzle-orm\";\nimport { index, sqliteTableCreator } from \"drizzle-orm/sqlite-core\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = sqliteTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.integer({ mode: \"number\" }).primaryKey({ autoIncrement: true }),\n name: d.text({ length: 256 }),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [index(\"name_idx\").on(t.name)]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-auth-mysql.ts", "content": "import { relations, sql } from \"drizzle-orm\";\nimport { index, mysqlTableCreator, primaryKey } from \"drizzle-orm/mysql-core\";\nimport { type AdapterAccount } from \"next-auth/adapters\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdById: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const users = createTable(\"user\", (d) => ({\n id: d\n .varchar({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n name: d.varchar({ length: 255 }),\n email: d.varchar({ length: 255 }).notNull(),\n emailVerified: d\n .timestamp({\n mode: \"date\",\n fsp: 3,\n })\n .default(sql`CURRENT_TIMESTAMP(3)`),\n image: d.varchar({ length: 255 }),\n}));\n\nexport const usersRelations = relations(users, ({ many }) => ({\n accounts: many(accounts),\n sessions: many(sessions),\n}));\n\nexport const accounts = createTable(\n \"account\",\n (d) => ({\n userId: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n type: d.varchar({ length: 255 }).$type().notNull(),\n provider: d.varchar({ length: 255 }).notNull(),\n providerAccountId: d.varchar({ length: 255 }).notNull(),\n refresh_token: d.text(),\n access_token: d.text(),\n expires_at: d.int(),\n token_type: d.varchar({ length: 255 }),\n scope: d.varchar({ length: 255 }),\n id_token: d.text(),\n session_state: d.varchar({ length: 255 }),\n }),\n (t) => [\n primaryKey({\n columns: [t.provider, t.providerAccountId],\n }),\n index(\"account_user_id_idx\").on(t.userId),\n ]\n);\n\nexport const accountsRelations = relations(accounts, ({ one }) => ({\n user: one(users, { fields: [accounts.userId], references: [users.id] }),\n}));\n\nexport const sessions = createTable(\n \"session\",\n (d) => ({\n sessionToken: d.varchar({ length: 255 }).notNull().primaryKey(),\n userId: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n expires: d.timestamp({ mode: \"date\" }).notNull(),\n }),\n (t) => [index(\"session_user_id_idx\").on(t.userId)]\n);\n\nexport const sessionsRelations = relations(sessions, ({ one }) => ({\n user: one(users, { fields: [sessions.userId], references: [users.id] }),\n}));\n\nexport const verificationTokens = createTable(\n \"verification_token\",\n (d) => ({\n identifier: d.varchar({ length: 255 }).notNull(),\n token: d.varchar({ length: 255 }).notNull(),\n expires: d.timestamp({ mode: \"date\" }).notNull(),\n }),\n (t) => [primaryKey({ columns: [t.identifier, t.token] })]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-auth-planetscale.ts", "content": "import { relations, sql } from \"drizzle-orm\";\nimport { index, mysqlTableCreator, primaryKey } from \"drizzle-orm/mysql-core\";\nimport { type AdapterAccount } from \"next-auth/adapters\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdById: d.varchar({ length: 255 }).notNull(),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const users = createTable(\"user\", (d) => ({\n id: d\n .varchar({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n name: d.varchar({ length: 255 }),\n email: d.varchar({ length: 255 }).notNull(),\n emailVerified: d\n .timestamp({\n mode: \"date\",\n fsp: 3,\n })\n .default(sql`CURRENT_TIMESTAMP(3)`),\n image: d.varchar({ length: 255 }),\n}));\n\nexport const usersRelations = relations(users, ({ many }) => ({\n accounts: many(accounts),\n sessions: many(sessions),\n}));\n\nexport const accounts = createTable(\n \"account\",\n (d) => ({\n userId: d.varchar({ length: 255 }).notNull(),\n type: d.varchar({ length: 255 }).$type().notNull(),\n provider: d.varchar({ length: 255 }).notNull(),\n providerAccountId: d.varchar({ length: 255 }).notNull(),\n refresh_token: d.text(),\n access_token: d.text(),\n expires_at: d.int(),\n token_type: d.varchar({ length: 255 }),\n scope: d.varchar({ length: 255 }),\n id_token: d.text(),\n session_state: d.varchar({ length: 255 }),\n }),\n (account) => [\n primaryKey({ columns: [account.provider, account.providerAccountId] }),\n index(\"accounts_user_id_idx\").on(account.userId),\n ]\n);\n\nexport const accountsRelations = relations(accounts, ({ one }) => ({\n user: one(users, { fields: [accounts.userId], references: [users.id] }),\n}));\n\nexport const sessions = createTable(\n \"session\",\n (d) => ({\n sessionToken: d.varchar({ length: 255 }).notNull().primaryKey(),\n userId: d.varchar({ length: 255 }).notNull(),\n expires: d.timestamp({ mode: \"date\" }).notNull(),\n }),\n (session) => [index(\"session_user_id_idx\").on(session.userId)]\n);\n\nexport const sessionsRelations = relations(sessions, ({ one }) => ({\n user: one(users, { fields: [sessions.userId], references: [users.id] }),\n}));\n\nexport const verificationTokens = createTable(\n \"verification_token\",\n (d) => ({\n identifier: d.varchar({ length: 255 }).notNull(),\n token: d.varchar({ length: 255 }).notNull(),\n expires: d.timestamp({ mode: \"date\" }).notNull(),\n }),\n (vt) => [primaryKey({ columns: [vt.identifier, vt.token] })]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-auth-postgres.ts", "content": "import { relations } from \"drizzle-orm\";\nimport { index, pgTableCreator, primaryKey } from \"drizzle-orm/pg-core\";\nimport { type AdapterAccount } from \"next-auth/adapters\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = pgTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.integer().primaryKey().generatedByDefaultAsIdentity(),\n name: d.varchar({ length: 256 }),\n createdById: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n createdAt: d\n .timestamp({ withTimezone: true })\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp({ withTimezone: true }).$onUpdate(() => new Date()),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const users = createTable(\"user\", (d) => ({\n id: d\n .varchar({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n name: d.varchar({ length: 255 }),\n email: d.varchar({ length: 255 }).notNull(),\n emailVerified: d\n .timestamp({\n mode: \"date\",\n withTimezone: true,\n })\n .$defaultFn(() => /* @__PURE__ */ new Date()),\n image: d.varchar({ length: 255 }),\n}));\n\nexport const usersRelations = relations(users, ({ many }) => ({\n accounts: many(accounts),\n}));\n\nexport const accounts = createTable(\n \"account\",\n (d) => ({\n userId: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n type: d.varchar({ length: 255 }).$type().notNull(),\n provider: d.varchar({ length: 255 }).notNull(),\n providerAccountId: d.varchar({ length: 255 }).notNull(),\n refresh_token: d.text(),\n access_token: d.text(),\n expires_at: d.integer(),\n token_type: d.varchar({ length: 255 }),\n scope: d.varchar({ length: 255 }),\n id_token: d.text(),\n session_state: d.varchar({ length: 255 }),\n }),\n (t) => [\n primaryKey({ columns: [t.provider, t.providerAccountId] }),\n index(\"account_user_id_idx\").on(t.userId),\n ]\n);\n\nexport const accountsRelations = relations(accounts, ({ one }) => ({\n user: one(users, { fields: [accounts.userId], references: [users.id] }),\n}));\n\nexport const sessions = createTable(\n \"session\",\n (d) => ({\n sessionToken: d.varchar({ length: 255 }).notNull().primaryKey(),\n userId: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => users.id),\n expires: d.timestamp({ mode: \"date\", withTimezone: true }).notNull(),\n }),\n (t) => [index(\"t_user_id_idx\").on(t.userId)]\n);\n\nexport const sessionsRelations = relations(sessions, ({ one }) => ({\n user: one(users, { fields: [sessions.userId], references: [users.id] }),\n}));\n\nexport const verificationTokens = createTable(\n \"verification_token\",\n (d) => ({\n identifier: d.varchar({ length: 255 }).notNull(),\n token: d.varchar({ length: 255 }).notNull(),\n expires: d.timestamp({ mode: \"date\", withTimezone: true }).notNull(),\n }),\n (t) => [primaryKey({ columns: [t.identifier, t.token] })]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-auth-sqlite.ts", "content": "import { relations, sql } from \"drizzle-orm\";\nimport { index, primaryKey, sqliteTableCreator } from \"drizzle-orm/sqlite-core\";\nimport { type AdapterAccount } from \"next-auth/adapters\";\n\n/**\n * This is an example of how to use the multi-project schema feature of Drizzle ORM. Use the same\n * database instance for multiple projects.\n *\n * @see https://orm.drizzle.team/docs/goodies#multi-project-schema\n */\nexport const createTable = sqliteTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.integer({ mode: \"number\" }).primaryKey({ autoIncrement: true }),\n name: d.text({ length: 256 }),\n createdById: d\n .text({ length: 255 })\n .notNull()\n .references(() => users.id),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const users = createTable(\"user\", (d) => ({\n id: d\n .text({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n name: d.text({ length: 255 }),\n email: d.text({ length: 255 }).notNull(),\n emailVerified: d.integer({ mode: \"timestamp\" }).default(sql`(unixepoch())`),\n image: d.text({ length: 255 }),\n}));\n\nexport const usersRelations = relations(users, ({ many }) => ({\n accounts: many(accounts),\n}));\n\nexport const accounts = createTable(\n \"account\",\n (d) => ({\n userId: d\n .text({ length: 255 })\n .notNull()\n .references(() => users.id),\n type: d.text({ length: 255 }).$type().notNull(),\n provider: d.text({ length: 255 }).notNull(),\n providerAccountId: d.text({ length: 255 }).notNull(),\n refresh_token: d.text(),\n access_token: d.text(),\n expires_at: d.integer(),\n token_type: d.text({ length: 255 }),\n scope: d.text({ length: 255 }),\n id_token: d.text(),\n session_state: d.text({ length: 255 }),\n }),\n (t) => [\n primaryKey({\n columns: [t.provider, t.providerAccountId],\n }),\n index(\"account_user_id_idx\").on(t.userId),\n ]\n);\n\nexport const accountsRelations = relations(accounts, ({ one }) => ({\n user: one(users, { fields: [accounts.userId], references: [users.id] }),\n}));\n\nexport const sessions = createTable(\n \"session\",\n (d) => ({\n sessionToken: d.text({ length: 255 }).notNull().primaryKey(),\n userId: d\n .text({ length: 255 })\n .notNull()\n .references(() => users.id),\n expires: d.integer({ mode: \"timestamp\" }).notNull(),\n }),\n (t) => [index(\"session_userId_idx\").on(t.userId)]\n);\n\nexport const sessionsRelations = relations(sessions, ({ one }) => ({\n user: one(users, { fields: [sessions.userId], references: [users.id] }),\n}));\n\nexport const verificationTokens = createTable(\n \"verification_token\",\n (d) => ({\n identifier: d.text({ length: 255 }).notNull(),\n token: d.text({ length: 255 }).notNull(),\n expires: d.integer({ mode: \"timestamp\" }).notNull(),\n }),\n (t) => [primaryKey({ columns: [t.identifier, t.token] })]\n);\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-better-auth-mysql.ts", "content": "import { relations } from \"drizzle-orm\";\nimport {\n boolean,\n index,\n mysqlTable,\n mysqlTableCreator,\n text,\n timestamp,\n varchar,\n} from \"drizzle-orm/mysql-core\";\n\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdById: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => user.id),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const user = mysqlTable(\"user\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n name: text(\"name\").notNull(),\n email: varchar(\"email\", { length: 255 }).notNull().unique(),\n emailVerified: boolean(\"email_verified\")\n .$defaultFn(() => false)\n .notNull(),\n image: text(\"image\"),\n createdAt: timestamp(\"created_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: timestamp(\"updated_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n});\n\nexport const session = mysqlTable(\"session\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n token: varchar(\"token\", { length: 255 }).notNull().unique(),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n ipAddress: text(\"ip_address\"),\n userAgent: text(\"user_agent\"),\n userId: varchar(\"user_id\", { length: 36 })\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n});\n\nexport const account = mysqlTable(\"account\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n accountId: text(\"account_id\").notNull(),\n providerId: text(\"provider_id\").notNull(),\n userId: varchar(\"user_id\", { length: 36 })\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n accessToken: text(\"access_token\"),\n refreshToken: text(\"refresh_token\"),\n idToken: text(\"id_token\"),\n accessTokenExpiresAt: timestamp(\"access_token_expires_at\"),\n refreshTokenExpiresAt: timestamp(\"refresh_token_expires_at\"),\n scope: text(\"scope\"),\n password: text(\"password\"),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n});\n\nexport const verification = mysqlTable(\"verification\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n identifier: text(\"identifier\").notNull(),\n value: text(\"value\").notNull(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n createdAt: timestamp(\"created_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n updatedAt: timestamp(\"updated_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n});\n\nexport const usersRelations = relations(user, ({ many }) => ({\n accounts: many(account),\n sessions: many(session),\n}));\n\nexport const accountsRelations = relations(account, ({ one }) => ({\n user: one(user, { fields: [account.userId], references: [user.id] }),\n}));\n\nexport const sessionsRelations = relations(session, ({ one }) => ({\n user: one(user, { fields: [session.userId], references: [user.id] }),\n}));\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-better-auth-planetscale.ts", "content": "import { relations } from \"drizzle-orm\";\nimport {\n boolean,\n index,\n mysqlTable,\n mysqlTableCreator,\n text,\n timestamp,\n varchar,\n} from \"drizzle-orm/mysql-core\";\n\nexport const createTable = mysqlTableCreator((name) => `project1_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.bigint({ mode: \"number\" }).primaryKey().autoincrement(),\n name: d.varchar({ length: 256 }),\n createdById: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => user.id),\n createdAt: d\n .timestamp()\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: d.timestamp().onUpdateNow(),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const user = mysqlTable(\"user\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n name: text(\"name\").notNull(),\n email: varchar(\"email\", { length: 255 }).notNull().unique(),\n emailVerified: boolean(\"email_verified\")\n .$defaultFn(() => false)\n .notNull(),\n image: text(\"image\"),\n createdAt: timestamp(\"created_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: timestamp(\"updated_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n});\n\nexport const session = mysqlTable(\"session\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n token: varchar(\"token\", { length: 255 }).notNull().unique(),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n ipAddress: text(\"ip_address\"),\n userAgent: text(\"user_agent\"),\n userId: varchar(\"user_id\", { length: 36 })\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n});\n\nexport const account = mysqlTable(\"account\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n accountId: text(\"account_id\").notNull(),\n providerId: text(\"provider_id\").notNull(),\n userId: varchar(\"user_id\", { length: 36 })\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n accessToken: text(\"access_token\"),\n refreshToken: text(\"refresh_token\"),\n idToken: text(\"id_token\"),\n accessTokenExpiresAt: timestamp(\"access_token_expires_at\"),\n refreshTokenExpiresAt: timestamp(\"refresh_token_expires_at\"),\n scope: text(\"scope\"),\n password: text(\"password\"),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n});\n\nexport const verification = mysqlTable(\"verification\", {\n id: varchar(\"id\", { length: 36 }).primaryKey(),\n identifier: text(\"identifier\").notNull(),\n value: text(\"value\").notNull(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n createdAt: timestamp(\"created_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n updatedAt: timestamp(\"updated_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n});\n\nexport const usersRelations = relations(user, ({ many }) => ({\n accounts: many(account),\n sessions: many(session),\n}));\n\nexport const accountsRelations = relations(account, ({ one }) => ({\n user: one(user, { fields: [account.userId], references: [user.id] }),\n}));\n\nexport const sessionsRelations = relations(session, ({ one }) => ({\n user: one(user, { fields: [session.userId], references: [user.id] }),\n}));\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-better-auth-postgres.ts", "content": "import { relations } from \"drizzle-orm\";\nimport {\n boolean,\n index,\n pgTable,\n pgTableCreator,\n text,\n timestamp,\n} from \"drizzle-orm/pg-core\";\n\nexport const createTable = pgTableCreator((name) => `pg-drizzle_${name}`);\n\nexport const posts = createTable(\n \"post\",\n (d) => ({\n id: d.integer().primaryKey().generatedByDefaultAsIdentity(),\n name: d.varchar({ length: 256 }),\n createdById: d\n .varchar({ length: 255 })\n .notNull()\n .references(() => user.id),\n createdAt: d\n .timestamp({ withTimezone: true })\n .$defaultFn(() => new Date())\n .notNull(),\n updatedAt: d.timestamp({ withTimezone: true }).$onUpdate(() => new Date()),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\nexport const user = pgTable(\"user\", {\n id: text(\"id\").primaryKey(),\n name: text(\"name\").notNull(),\n email: text(\"email\").notNull().unique(),\n emailVerified: boolean(\"email_verified\")\n .$defaultFn(() => false)\n .notNull(),\n image: text(\"image\"),\n createdAt: timestamp(\"created_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n updatedAt: timestamp(\"updated_at\")\n .$defaultFn(() => /* @__PURE__ */ new Date())\n .notNull(),\n});\n\nexport const session = pgTable(\"session\", {\n id: text(\"id\").primaryKey(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n token: text(\"token\").notNull().unique(),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n ipAddress: text(\"ip_address\"),\n userAgent: text(\"user_agent\"),\n userId: text(\"user_id\")\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n});\n\nexport const account = pgTable(\"account\", {\n id: text(\"id\").primaryKey(),\n accountId: text(\"account_id\").notNull(),\n providerId: text(\"provider_id\").notNull(),\n userId: text(\"user_id\")\n .notNull()\n .references(() => user.id, { onDelete: \"cascade\" }),\n accessToken: text(\"access_token\"),\n refreshToken: text(\"refresh_token\"),\n idToken: text(\"id_token\"),\n accessTokenExpiresAt: timestamp(\"access_token_expires_at\"),\n refreshTokenExpiresAt: timestamp(\"refresh_token_expires_at\"),\n scope: text(\"scope\"),\n password: text(\"password\"),\n createdAt: timestamp(\"created_at\").notNull(),\n updatedAt: timestamp(\"updated_at\").notNull(),\n});\n\nexport const verification = pgTable(\"verification\", {\n id: text(\"id\").primaryKey(),\n identifier: text(\"identifier\").notNull(),\n value: text(\"value\").notNull(),\n expiresAt: timestamp(\"expires_at\").notNull(),\n createdAt: timestamp(\"created_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n updatedAt: timestamp(\"updated_at\").$defaultFn(\n () => /* @__PURE__ */ new Date()\n ),\n});\n\nexport const userRelations = relations(user, ({ many }) => ({\n account: many(account),\n session: many(session),\n}));\n\nexport const accountRelations = relations(account, ({ one }) => ({\n user: one(user, { fields: [account.userId], references: [user.id] }),\n}));\n\nexport const sessionRelations = relations(session, ({ one }) => ({\n user: one(user, { fields: [session.userId], references: [user.id] }),\n}));\n" }, { "path": "cli/template/extras/src/server/db/schema-drizzle/with-better-auth-sqlite.ts", "content": "import { relations, sql } from \"drizzle-orm\";\nimport { index, sqliteTable } from \"drizzle-orm/sqlite-core\";\n\n/**\n * Multi-project schema prefix helper\n */\n\n// Posts example table\nexport const posts = sqliteTable(\n \"post\",\n (d) => ({\n id: d.integer({ mode: \"number\" }).primaryKey({ autoIncrement: true }),\n name: d.text({ length: 256 }),\n createdById: d\n .text({ length: 255 })\n .notNull()\n .references(() => user.id),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [\n index(\"created_by_idx\").on(t.createdById),\n index(\"name_idx\").on(t.name),\n ]\n);\n\n// Better Auth core tables\nexport const user = sqliteTable(\"user\", (d) => ({\n id: d\n .text({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n name: d.text({ length: 255 }),\n email: d.text({ length: 255 }).notNull().unique(),\n emailVerified: d.integer({ mode: \"boolean\" }).default(false),\n image: d.text({ length: 255 }),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n}));\n\nexport const userRelations = relations(user, ({ many }) => ({\n account: many(account),\n session: many(session),\n}));\n\nexport const account = sqliteTable(\n \"account\",\n (d) => ({\n id: d\n .text({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n userId: d\n .text({ length: 255 })\n .notNull()\n .references(() => user.id),\n accountId: d.text({ length: 255 }).notNull(),\n providerId: d.text({ length: 255 }).notNull(),\n accessToken: d.text(),\n refreshToken: d.text(),\n accessTokenExpiresAt: d.integer({ mode: \"timestamp\" }),\n refreshTokenExpiresAt: d.integer({ mode: \"timestamp\" }),\n scope: d.text({ length: 255 }),\n idToken: d.text(),\n password: d.text(),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [index(\"account_user_id_idx\").on(t.userId)]\n);\n\nexport const accountRelations = relations(account, ({ one }) => ({\n user: one(user, { fields: [account.userId], references: [user.id] }),\n}));\n\nexport const session = sqliteTable(\n \"session\",\n (d) => ({\n id: d\n .text({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n userId: d\n .text({ length: 255 })\n .notNull()\n .references(() => user.id),\n token: d.text({ length: 255 }).notNull().unique(),\n expiresAt: d.integer({ mode: \"timestamp\" }).notNull(),\n ipAddress: d.text({ length: 255 }),\n userAgent: d.text({ length: 255 }),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [index(\"session_user_id_idx\").on(t.userId)]\n);\n\nexport const sessionRelations = relations(session, ({ one }) => ({\n user: one(user, { fields: [session.userId], references: [user.id] }),\n}));\n\nexport const verification = sqliteTable(\n \"verification\",\n (d) => ({\n id: d\n .text({ length: 255 })\n .notNull()\n .primaryKey()\n .$defaultFn(() => crypto.randomUUID()),\n identifier: d.text({ length: 255 }).notNull(),\n value: d.text({ length: 255 }).notNull(),\n expiresAt: d.integer({ mode: \"timestamp\" }).notNull(),\n createdAt: d\n .integer({ mode: \"timestamp\" })\n .default(sql`(unixepoch())`)\n .notNull(),\n updatedAt: d.integer({ mode: \"timestamp\" }).$onUpdate(() => new Date()),\n }),\n (t) => [index(\"verification_identifier_idx\").on(t.identifier)]\n);\n" }, { "path": "cli/template/extras/src/styles/globals.css", "content": "@import \"tailwindcss\";\n\n@theme {\n --font-sans: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n" }, { "path": "cli/template/extras/src/trpc/query-client.ts", "content": "import {\n defaultShouldDehydrateQuery,\n QueryClient,\n} from \"@tanstack/react-query\";\nimport SuperJSON from \"superjson\";\n\nexport const createQueryClient = () =>\n new QueryClient({\n defaultOptions: {\n queries: {\n // With SSR, we usually want to set some default staleTime\n // above 0 to avoid refetching immediately on the client\n staleTime: 30 * 1000,\n },\n dehydrate: {\n serializeData: SuperJSON.serialize,\n shouldDehydrateQuery: (query) =>\n defaultShouldDehydrateQuery(query) ||\n query.state.status === \"pending\",\n },\n hydrate: {\n deserializeData: SuperJSON.deserialize,\n },\n },\n });\n" }, { "path": "cli/template/extras/src/trpc/react.tsx", "content": "\"use client\";\n\nimport { QueryClientProvider, type QueryClient } from \"@tanstack/react-query\";\nimport { httpBatchStreamLink, loggerLink } from \"@trpc/client\";\nimport { createTRPCReact } from \"@trpc/react-query\";\nimport { type inferRouterInputs, type inferRouterOutputs } from \"@trpc/server\";\nimport { useState } from \"react\";\nimport SuperJSON from \"superjson\";\n\nimport { type AppRouter } from \"~/server/api/root\";\nimport { createQueryClient } from \"./query-client\";\n\nlet clientQueryClientSingleton: QueryClient | undefined = undefined;\nconst getQueryClient = () => {\n if (typeof window === \"undefined\") {\n // Server: always make a new query client\n return createQueryClient();\n }\n // Browser: use singleton pattern to keep the same query client\n clientQueryClientSingleton ??= createQueryClient();\n\n return clientQueryClientSingleton;\n};\n\nexport const api = createTRPCReact();\n\n/**\n * Inference helper for inputs.\n *\n * @example type HelloInput = RouterInputs['example']['hello']\n */\nexport type RouterInputs = inferRouterInputs;\n\n/**\n * Inference helper for outputs.\n *\n * @example type HelloOutput = RouterOutputs['example']['hello']\n */\nexport type RouterOutputs = inferRouterOutputs;\n\nexport function TRPCReactProvider(props: { children: React.ReactNode }) {\n const queryClient = getQueryClient();\n\n const [trpcClient] = useState(() =>\n api.createClient({\n links: [\n loggerLink({\n enabled: (op) =>\n process.env.NODE_ENV === \"development\" ||\n (op.direction === \"down\" && op.result instanceof Error),\n }),\n httpBatchStreamLink({\n transformer: SuperJSON,\n url: getBaseUrl() + \"/api/trpc\",\n headers: () => {\n const headers = new Headers();\n headers.set(\"x-trpc-source\", \"nextjs-react\");\n return headers;\n },\n }),\n ],\n })\n );\n\n return (\n \n \n {props.children}\n \n \n );\n}\n\nfunction getBaseUrl() {\n if (typeof window !== \"undefined\") return window.location.origin;\n if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`;\n return `http://localhost:${process.env.PORT ?? 3000}`;\n}\n" }, { "path": "cli/template/extras/src/trpc/server.ts", "content": "import \"server-only\";\n\nimport { createHydrationHelpers } from \"@trpc/react-query/rsc\";\nimport { headers } from \"next/headers\";\nimport { cache } from \"react\";\n\nimport { createCaller, type AppRouter } from \"~/server/api/root\";\nimport { createTRPCContext } from \"~/server/api/trpc\";\nimport { createQueryClient } from \"./query-client\";\n\n/**\n * This wraps the `createTRPCContext` helper and provides the required context for the tRPC API when\n * handling a tRPC call from a React Server Component.\n */\nconst createContext = cache(async () => {\n const heads = new Headers(await headers());\n heads.set(\"x-trpc-source\", \"rsc\");\n\n return createTRPCContext({\n headers: heads,\n });\n});\n\nconst getQueryClient = cache(createQueryClient);\nconst caller = createCaller(createContext);\n\nexport const { trpc: api, HydrateClient } = createHydrationHelpers(\n caller,\n getQueryClient\n);\n" }, { "path": "cli/template/extras/src/utils/api.ts", "content": "/**\n * This is the client-side entrypoint for your tRPC API. It is used to create the `api` object which\n * contains the Next.js App-wrapper, as well as your type-safe React Query hooks.\n *\n * We also create a few inference helpers for input and output types.\n */\nimport { httpBatchLink, loggerLink } from \"@trpc/client\";\nimport { createTRPCNext } from \"@trpc/next\";\nimport { type inferRouterInputs, type inferRouterOutputs } from \"@trpc/server\";\nimport superjson from \"superjson\";\n\nimport { type AppRouter } from \"~/server/api/root\";\n\nconst getBaseUrl = () => {\n if (typeof window !== \"undefined\") return \"\"; // browser should use relative url\n if (process.env.VERCEL_URL) return `https://${process.env.VERCEL_URL}`; // SSR should use vercel url\n return `http://localhost:${process.env.PORT ?? 3000}`; // dev SSR should use localhost\n};\n\n/** A set of type-safe react-query hooks for your tRPC API. */\nexport const api = createTRPCNext({\n config() {\n return {\n /**\n * Links used to determine request flow from client to server.\n *\n * @see https://trpc.io/docs/links\n */\n links: [\n loggerLink({\n enabled: (opts) =>\n process.env.NODE_ENV === \"development\" ||\n (opts.direction === \"down\" && opts.result instanceof Error),\n }),\n httpBatchLink({\n /**\n * Transformer used for data de-serialization from the server.\n *\n * @see https://trpc.io/docs/data-transformers\n */\n transformer: superjson,\n url: `${getBaseUrl()}/api/trpc`,\n }),\n ],\n };\n },\n /**\n * Whether tRPC should await queries when server rendering pages.\n *\n * @see https://trpc.io/docs/nextjs#ssr-boolean-default-false\n */\n ssr: false,\n transformer: superjson,\n});\n\n/**\n * Inference helper for inputs.\n *\n * @example type HelloInput = RouterInputs['example']['hello']\n */\nexport type RouterInputs = inferRouterInputs;\n\n/**\n * Inference helper for outputs.\n *\n * @example type HelloOutput = RouterOutputs['example']['hello']\n */\nexport type RouterOutputs = inferRouterOutputs;\n" }, { "path": "cli/template/extras/start-database/mysql.sh", "content": "#!/usr/bin/env bash\n# Use this script to start a docker container for a local development database\n\n# TO RUN ON WINDOWS:\n# 1. Install WSL (Windows Subsystem for Linux) - https://learn.microsoft.com/en-us/windows/wsl/install\n# 2. Install Docker Desktop or Podman Deskop\n# - Docker Desktop for Windows - https://docs.docker.com/docker-for-windows/install/\n# - Podman Desktop - https://podman.io/getting-started/installation\n# 3. Open WSL - `wsl`\n# 4. Run this script - `./start-database.sh`\n\n# On Linux and macOS you can run this script directly - `./start-database.sh`\n\nset -a\nsource .env\n\nDB_PASSWORD=$(echo \"$DATABASE_URL\" | awk -F':' '{print $3}' | awk -F'@' '{print $1}')\nDB_PORT=$(echo \"$DATABASE_URL\" | awk -F':' '{print $4}' | awk -F'\\/' '{print $1}')\nDB_NAME=$(echo \"$DATABASE_URL\" | awk -F'/' '{print $4}')\nDB_CONTAINER_NAME=\"$DB_NAME-mysql\"\n\nif ! [ -x \"$(command -v docker)\" ] && ! [ -x \"$(command -v podman)\" ]; then\n echo -e \"Docker or Podman is not installed. Please install docker or podman and try again.\\nDocker install guide: https://docs.docker.com/engine/install/\\nPodman install guide: https://podman.io/getting-started/installation\"\n exit 1\nfi\n\n# determine which docker command to use\nif [ -x \"$(command -v docker)\" ]; then\n DOCKER_CMD=\"docker\"\nelif [ -x \"$(command -v podman)\" ]; then\n DOCKER_CMD=\"podman\"\nfi\n\nif ! $DOCKER_CMD info > /dev/null 2>&1; then\n echo \"$DOCKER_CMD daemon is not running. Please start $DOCKER_CMD and try again.\"\n exit 1\nfi\n\nif command -v nc >/dev/null 2>&1; then\n if nc -z localhost \"$DB_PORT\" 2>/dev/null; then\n echo \"Port $DB_PORT is already in use.\"\n exit 1\n fi\nelse\n echo \"Warning: Unable to check if port $DB_PORT is already in use (netcat not installed)\"\n read -p \"Do you want to continue anyway? [y/N]: \" -r REPLY\n if ! [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Aborting.\"\n exit 1\n fi\nfi\n\nif [ \"$($DOCKER_CMD ps -q -f name=$DB_CONTAINER_NAME)\" ]; then\n echo \"Database container '$DB_CONTAINER_NAME' already running\"\n exit 0\nfi\n\nif [ \"$($DOCKER_CMD ps -q -a -f name=$DB_CONTAINER_NAME)\" ]; then\n $DOCKER_CMD start \"$DB_CONTAINER_NAME\"\n echo \"Existing database container '$DB_CONTAINER_NAME' started\"\n exit 0\nfi\n\nif [ \"$DB_PASSWORD\" == \"password\" ]; then\n echo \"You are using the default database password\"\n read -p \"Should we generate a random password for you? [y/N]: \" -r REPLY\n if ! [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Please change the default password in the .env file and try again\"\n exit 1\n fi\n # Generate a random URL-safe password\n DB_PASSWORD=$(openssl rand -base64 12 | tr '+/' '-_')\n if [[ \"$(uname)\" == \"Darwin\" ]]; then\n # macOS requires an empty string to be passed with the `i` flag\n sed -i '' \"s#:password@#:$DB_PASSWORD@#\" .env\n else\n sed -i \"s#:password@#:$DB_PASSWORD@#\" .env\n fi\nfi\n\n$DOCKER_CMD run -d \\\n --name $DB_CONTAINER_NAME \\\n -e MYSQL_ROOT_PASSWORD=\"$DB_PASSWORD\" \\\n -e MYSQL_DATABASE=\"$DB_NAME\" \\\n -p \"$DB_PORT\":3306 \\\n docker.io/mysql && echo \"Database container '$DB_CONTAINER_NAME' was successfully created\"\n" }, { "path": "cli/template/extras/start-database/postgres.sh", "content": "#!/usr/bin/env bash\n# Use this script to start a docker container for a local development database\n\n# TO RUN ON WINDOWS:\n# 1. Install WSL (Windows Subsystem for Linux) - https://learn.microsoft.com/en-us/windows/wsl/install\n# 2. Install Docker Desktop or Podman Deskop\n# - Docker Desktop for Windows - https://docs.docker.com/docker-for-windows/install/\n# - Podman Desktop - https://podman.io/getting-started/installation\n# 3. Open WSL - `wsl`\n# 4. Run this script - `./start-database.sh`\n\n# On Linux and macOS you can run this script directly - `./start-database.sh`\n\n# import env variables from .env\nset -a\nsource .env\n\nDB_PASSWORD=$(echo \"$DATABASE_URL\" | awk -F':' '{print $3}' | awk -F'@' '{print $1}')\nDB_PORT=$(echo \"$DATABASE_URL\" | awk -F':' '{print $4}' | awk -F'\\/' '{print $1}')\nDB_NAME=$(echo \"$DATABASE_URL\" | awk -F'/' '{print $4}')\nDB_CONTAINER_NAME=\"$DB_NAME-postgres\"\n\nif ! [ -x \"$(command -v docker)\" ] && ! [ -x \"$(command -v podman)\" ]; then\n echo -e \"Docker or Podman is not installed. Please install docker or podman and try again.\\nDocker install guide: https://docs.docker.com/engine/install/\\nPodman install guide: https://podman.io/getting-started/installation\"\n exit 1\nfi\n\n# determine which docker command to use\nif [ -x \"$(command -v docker)\" ]; then\n DOCKER_CMD=\"docker\"\nelif [ -x \"$(command -v podman)\" ]; then\n DOCKER_CMD=\"podman\"\nfi\n\nif ! $DOCKER_CMD info > /dev/null 2>&1; then\n echo \"$DOCKER_CMD daemon is not running. Please start $DOCKER_CMD and try again.\"\n exit 1\nfi\n\nif command -v nc >/dev/null 2>&1; then\n if nc -z localhost \"$DB_PORT\" 2>/dev/null; then\n echo \"Port $DB_PORT is already in use.\"\n exit 1\n fi\nelse\n echo \"Warning: Unable to check if port $DB_PORT is already in use (netcat not installed)\"\n read -p \"Do you want to continue anyway? [y/N]: \" -r REPLY\n if ! [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Aborting.\"\n exit 1\n fi\nfi\n\nif [ \"$($DOCKER_CMD ps -q -f name=$DB_CONTAINER_NAME)\" ]; then\n echo \"Database container '$DB_CONTAINER_NAME' already running\"\n exit 0\nfi\n\nif [ \"$($DOCKER_CMD ps -q -a -f name=$DB_CONTAINER_NAME)\" ]; then\n $DOCKER_CMD start \"$DB_CONTAINER_NAME\"\n echo \"Existing database container '$DB_CONTAINER_NAME' started\"\n exit 0\nfi\n\nif [ \"$DB_PASSWORD\" = \"password\" ]; then\n echo \"You are using the default database password\"\n read -p \"Should we generate a random password for you? [y/N]: \" -r REPLY\n if ! [[ $REPLY =~ ^[Yy]$ ]]; then\n echo \"Please change the default password in the .env file and try again\"\n exit 1\n fi\n # Generate a random URL-safe password\n DB_PASSWORD=$(openssl rand -base64 12 | tr '+/' '-_')\n if [[ \"$(uname)\" == \"Darwin\" ]]; then\n # macOS requires an empty string to be passed with the `i` flag\n sed -i '' \"s#:password@#:$DB_PASSWORD@#\" .env\n else\n sed -i \"s#:password@#:$DB_PASSWORD@#\" .env\n fi\nfi\n\n$DOCKER_CMD run -d \\\n --name $DB_CONTAINER_NAME \\\n -e POSTGRES_USER=\"postgres\" \\\n -e POSTGRES_PASSWORD=\"$DB_PASSWORD\" \\\n -e POSTGRES_DB=\"$DB_NAME\" \\\n -p \"$DB_PORT\":5432 \\\n docker.io/postgres && echo \"Database container '$DB_CONTAINER_NAME' was successfully created\"\n" }, { "path": "cli/tsconfig.eslint.json", "content": "{\n \"extends\": \"./tsconfig.json\",\n \"include\": [\"src\", \"template/**/*.ts\", \"template/**/*.tsx\"]\n}\n" }, { "path": "cli/tsconfig.json", "content": "{\n \"extends\": \"../tsconfig.json\",\n \"compilerOptions\": {\n \"baseUrl\": \"./\",\n \"paths\": {\n \"~/*\": [\"./src/*\"]\n },\n \"checkJs\": true\n },\n \"include\": [\"src\", \"tsup.config.ts\", \"../reset.d.ts\", \"prettier.config.mjs\"]\n}\n" }, { "path": "cli/tsup.config.ts", "content": "import { defineConfig } from \"tsup\";\n\nconst isDev = process.env.npm_lifecycle_event === \"dev\";\n\nexport default defineConfig({\n clean: true,\n entry: [\"src/index.ts\"],\n format: [\"esm\"],\n minify: !isDev,\n target: \"esnext\",\n outDir: \"dist\",\n onSuccess: isDev ? \"node dist/index.js\" : undefined,\n});\n" }, { "path": "package.json", "content": "{\n \"name\": \"@ct3a/root\",\n \"version\": \"0.0.0\",\n \"description\": \"Quickest way to start a new web app with full stack typesafety\",\n \"author\": \"Shoubhit Dash (https://nexxel.dev)\",\n \"maintainers\": [\n \"Julius Marminge (https://jumr.dev)\"\n ],\n \"type\": \"module\",\n \"license\": \"MIT\",\n \"repository\": {\n \"type\": \"git\",\n \"url\": \"https://github.com/t3-oss/create-t3-app.git\"\n },\n \"keywords\": [\n \"create-t3-app\",\n \"init.tips\",\n \"next.js\",\n \"t3-stack\",\n \"tailwind\",\n \"tRPC\",\n \"typescript\"\n ],\n \"engines\": {\n \"node\": \">=20.0.0\"\n },\n \"packageManager\": \"pnpm@10.8.0\",\n \"scripts\": {\n \"typecheck\": \"turbo typecheck\",\n \"build:cli\": \"turbo --filter=create-t3-app build\",\n \"build:www\": \"turbo --filter=www build\",\n \"build\": \"turbo build\",\n \"start:cli\": \"turbo --filter=create-t3-app start\",\n \"start:www\": \"turbo --filter=www start\",\n \"dev:cli\": \"turbo --filter=create-t3-app dev\",\n \"dev:www\": \"turbo --filter=www dev\",\n \"clean\": \"turbo clean && rm -rf node_modules\",\n \"lint\": \"turbo lint && manypkg check\",\n \"lint:fix\": \"turbo lint:fix && manypkg fix\",\n \"format\": \"turbo format && prettier --write '*.{cjs,json}' --ignore-unknown --no-error-on-unmatched-pattern\",\n \"format:check\": \"turbo format:check && prettier --check '*.{cjs,json}' --ignore-unknown --no-error-on-unmatched-pattern\",\n \"check\": \"turbo lint typecheck format:check && manypkg check\",\n \"release\": \"changeset version\",\n \"pub:beta\": \"cd cli && pnpm pub:beta\",\n \"pub:release\": \"cd cli && pnpm pub:release\"\n },\n \"dependencies\": {\n \"@changesets/changelog-github\": \"^0.4.8\",\n \"@changesets/cli\": \"^2.27.3\",\n \"@eslint/compat\": \"^1.2.7\",\n \"@eslint/eslintrc\": \"^3.3.1\",\n \"@ianvs/prettier-plugin-sort-imports\": \"^4.2.1\",\n \"@manypkg/cli\": \"^0.20.0\",\n \"@total-typescript/ts-reset\": \"^0.3.7\",\n \"@types/node\": \"^24.10.1\",\n \"eslint\": \"^9.23.0\",\n \"eslint-plugin-import-x\": \"^4.9.1\",\n \"eslint-plugin-isaacscript\": \"^4.0.0\",\n \"eslint-plugin-react\": \"^7.37.4\",\n \"eslint-plugin-react-hooks\": \"^5.2.0\",\n \"prettier\": \"^3.5.3\",\n \"turbo\": \"1.13.3-canary.3\",\n \"typescript\": \"^5.8.2\",\n \"typescript-eslint\": \"^8.27.0\"\n }\n}\n" }, { "path": "pnpm-workspace.yaml", "content": "packages:\n - cli\n - www\n\nonlyBuiltDependencies:\n - '@prisma/client'\n - '@prisma/engines'\n - esbuild\n - prisma\n - sharp\n" }, { "path": "prettier.config.mjs", "content": "/**\n * @type {import('prettier').Config & import(\"@ianvs/prettier-plugin-sort-imports\").PluginConfig}\n */\nconst config = {\n arrowParens: \"always\",\n printWidth: 80,\n singleQuote: false,\n jsxSingleQuote: false,\n semi: true,\n trailingComma: \"all\",\n tabWidth: 2,\n};\n\nexport default config;\n" }, { "path": "reset.d.ts", "content": "import \"@total-typescript/ts-reset\";\n" }, { "path": "tsconfig.json", "content": "{\n \"include\": [\".eslintrc.cjs\", \"prettier.config.mjs\"],\n \"compilerOptions\": {\n /* LANGUAGE COMPILATION OPTIONS */\n \"target\": \"ES2020\",\n \"lib\": [\"DOM\", \"DOM.Iterable\", \"ES2021\"],\n \"module\": \"Node16\",\n \"moduleResolution\": \"nodenext\",\n \"resolveJsonModule\": true,\n \"allowJs\": true,\n \"checkJs\": true,\n\n /* EMIT RULES */\n \"outDir\": \"./dist\",\n \"noEmit\": true, // TSUP takes care of emitting js for us, in a MUCH faster way\n \"declaration\": true,\n \"declarationMap\": true,\n \"sourceMap\": true,\n \"removeComments\": true,\n\n /* TYPE CHECKING RULES */\n \"strict\": true,\n // \"noImplicitAny\": true, // Included in \"Strict\"\n // \"noImplicitThis\": true, // Included in \"Strict\"\n // \"strictBindCallApply\": true, // Included in \"Strict\"\n // \"strictFunctionTypes\": true, // Included in \"Strict\"\n // \"strictNullChecks\": true, // Included in \"Strict\"\n // \"strictPropertyInitialization\": true, // Included in \"Strict\"\n \"noFallthroughCasesInSwitch\": true,\n \"noImplicitOverride\": true,\n \"noImplicitReturns\": true,\n \"noUnusedLocals\": true,\n \"noUnusedParameters\": true,\n \"useUnknownInCatchVariables\": true,\n \"noUncheckedIndexedAccess\": true, // TLDR - Checking an indexed value (array[0]) now forces type as there is no confirmation that index exists\n // THE BELOW ARE EXTRA STRICT OPTIONS THAT SHOULD ONLY BY CONSIDERED IN VERY SAFE PROJECTS\n // \"exactOptionalPropertyTypes\": true, // TLDR - Setting to undefined is not the same as a property not being defined at all\n // \"noPropertyAccessFromIndexSignature\": true, // TLDR - Use dot notation for objects if youre sure it exists, use ['index'] notaion if unsure\n\n /* OTHER OPTIONS */\n \"allowSyntheticDefaultImports\": true,\n \"esModuleInterop\": true,\n // \"emitDecoratorMetadata\": true,\n // \"experimentalDecorators\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"skipLibCheck\": true,\n \"useDefineForClassFields\": true\n }\n}\n" }, { "path": "turbo.json", "content": "{\n \"$schema\": \"https://turbo.build/schema.json\",\n \"pipeline\": {\n \"build\": {\n \"outputs\": [\"dist/**\", \".vercel/output/**\", \".next/**\"],\n \"dependsOn\": [\"^build\"]\n },\n \"dev\": {\n \"cache\": false,\n \"persistent\": true\n },\n \"start\": {\n \"dependsOn\": [\"^build\"]\n },\n \"lint\": {\n \"cache\": false\n },\n \"lint:fix\": {\n \"cache\": false\n },\n \"format\": {\n \"cache\": false\n },\n \"format:check\": {\n \"cache\": false\n },\n \"clean\": {\n \"cache\": false\n },\n \"typecheck\": {}\n }\n}\n" }, { "path": "www/.env.example", "content": "# For developers who would like the data to be pulled correctly,\n# generate these tokens from the provider and add them to a .gitignored .env file\n# You can run `pnpm dev` without them, and dummy data (or no data) will be used instead\n\n# Github - for grabbing star count in navbar, and commit history for docs pages\n# https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token\nPUBLIC_GITHUB_TOKEN=\n\n# Twitter (API v2)- for grabbing Twitter card data\n# https://developer.twitter.com/en/docs/authentication/overview\nTWITTER_BEARER_TOKEN=\n\n# For enabling debug mode in satori (for OG images)\nDEBUG_OG=" }, { "path": "www/.gitignore", "content": "# build output\ndist/\n\n# dependencies\nnode_modules/\n\n# logs\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\n\n\n# environment variables\n.env\n.env.production\n!.env.example\n\n# macOS-specific files\n.DS_Store\n" }, { "path": "www/README.md", "content": "# create-t3-app Documentation Site\n\nBased on the [Astro Starter Kit: Docs Site](https://github.com/withastro/astro/tree/latest/examples/docs). New to Astro?\n\n- Check out [their documentation](https://docs.astro.build).\n- Jump into their [Discord server](https://astro.build/chat).\n- Deploy a site to production with the guide, [Deploy an Astro Website](https://docs.astro.build/guides/deploy).\n\n## Outline\n\n- [Features](#features)\n- [Run Site Locally](#run-site-locally)\n- [Command Cheat Sheet](#command-cheat-sheet)\n- [Customize This Theme](#customize-this-theme)\n - [Site Metadata](#site-metadata)\n - [CSS Styling](#css-styling)\n - [Page Metadata](#page-metadata)\n - [Sidebar Navigation](#sidebar-navigation)\n - [Multiple Languages Support](#multiple-languages-support)\n\n## Features\n\n- ✅ **Full Markdown support**\n- ✅ **Responsive mobile-friendly design**\n- ✅ **Sidebar navigation**\n- ✅ **Search (powered by Algolia)**\n- ✅ **Multi-language i18n**\n- ✅ **Automatic table of contents**\n- ✅ **Automatic list of contributors**\n- ✅ (and, best of all) **dark mode**\n\n## Run Site Locally\n\n```bash\ngit clone https://github.com/t3-oss/create-t3-app.git\ncd create-t3-app/www\npnpm i\npnpm dev\n```\n\n## Command Cheat Sheet\n\nAll commands are run from the root of the project, from a terminal.\n\n| Command | Action |\n| :--------------------- | :----------------------------------------------- |\n| `npm install` | Installs dependencies |\n| `npm run dev` | Starts local dev server at `localhost:3000` |\n| `npm run build` | Build your production site to `./dist/` |\n| `npm run preview` | Preview your build locally, before deploying |\n| `npm run astro ...` | Run CLI commands like `astro add`, `astro check` |\n| `npm run astro --help` | Get help using the Astro CLI |\n\n## Customize This Theme\n\n### Site Metadata\n\n`src/config.ts` contains several data objects that describe metadata about your site like title, description, default language, and Open Graph details. You can customize these to match your project.\n\n### CSS Styling\n\nThe theme's look and feel is controlled by a few key variables that you can customize yourself. You'll find them in the `public/theme.css` CSS file. If you've never worked with CSS variables before, give [MDN's guide on CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) a quick read.\n\nThis theme uses a \"cool blue\" accent color by default. To customize this for your project, change the `--theme-accent` variable to whatever color you'd like:\n\n```diff\n/* public/theme.css */\n\n:root {\n color-scheme: light;\n- --theme-accent: hsla(var(--color-blue), 1);\n+ --theme-accent: hsla(var(--color-red), 1); /* or: hsla(#FF0000, 1); */\n```\n\n### Page Metadata\n\nAstro uses frontmatter in Markdown pages to choose layouts and pass properties to those layouts. If you are using the default layout, you can customize the page in many different ways to optimize SEO and other things.\n\n```markdown\n---\ntitle: Example title\ndescription: Really cool docs example that uses Astro\nlayout: ../../layouts/MainLayout.astro\n---\n\n# Page content...\n```\n\nThis uses the `title` and `description` properties to set the document title, meta title, meta description, and Open Graph description. See `src/components/HeadSEO.astro` for more SEO related properties.\n\n### Sidebar Navigation\n\nThe sidebar navigation is controlled by the `SIDEBAR` variable in your `src/config.ts` file. You can customize the sidebar by modifying this object. A default, starter navigation has already been created for you.\n\n```ts\n// src/config.ts\n\nexport const SIDEBAR = {\n en: [\n { text: \"Section Header\", header: true },\n { text: \"Introduction\", link: \"en/introduction\" },\n { text: \"Page 2\", link: \"en/page-2\" },\n { text: \"Page 3\", link: \"en/page-3\" },\n\n { text: \"Another Section\", header: true },\n { text: \"Page 4\", link: \"en/page-4\" },\n ],\n};\n```\n\nNote the top-level `en` key: This is needed for multi-language support. You can change it to whatever language you'd like, or add new languages as you go. More details on this below.\n\n### Multiple Languages Support\n\nThe Astro docs template supports multiple languages out of the box. The default theme only shows `en` docs. But you can enable multi-language support features. To add a second language to your project, you'll want to extend the layout, `src/pages/[lang]/...`:\n\n```diff\n 📂 src/pages\n ┣ 📂 en\n ┃ ┣ 📜 page-1.md\n ┃ ┣ 📜 page-2.md\n ┃ ┣ 📜 page-3.astro\n+ ┣ 📂 es\n+ ┃ ┣ 📜 page-1.md\n+ ┃ ┣ 📜 page-2.md\n+ ┃ ┣ 📜 page-3.astro\n```\n\nYou'll also need to add the new language name to the `KNOWN_LANGUAGES` map in your `src/config.ts` file. This will enable your new language switcher in the site header.\n\n```diff\n// src/config.ts\n\nexport const KNOWN_LANGUAGES = {\n English: 'en',\n+ Spanish: 'es',\n};\n```\n\nLast step: you'll need to add a new entry to your sidebar, to create the table of contents for that language. While duplicating every page might not sound ideal to everyone, this extra control allows you to create entirely custom content for every language.\n\n> Make sure the sidebar `link` value points to the correct language!\n\n```diff\n// src/config.ts\n\nexport const SIDEBAR = {\n en: [\n { text: 'Section Header', header: true, },\n { text: 'Introduction', link: 'en/introduction' },\n // ...\n ],\n+ es: [\n+ { text: 'Encabezado de sección', header: true, },\n+ { text: 'Introducción', link: 'es/introduction' },\n+ // ...\n+ ],\n};\n\n// ...\n```\n\nIf you plan to use Spanish as the default language, you just need to modify the redirect path in `src/pages/index.astro` (or you can remove the script and write a landing page in Spanish instead):\n\n```diff\n\n```\n\nWhat if I don't plan to support multiple languages? Totally fine! Not all projects need (or can support) that. If that single language is not English, you can just replace `en` in directory layouts and configurations with the preferred language such as `es`.\n" }, { "path": "www/TRANSLATIONS.md", "content": "# Contributing Guidelines for our docs\n\nAre you a native speaker of a language other than English? We'd love to have your help!\n\n## How to contribute\n\n(Read the [contribution guidelines](../CONTRIBUTING.md) first for general information about contributing to this project.)\n\n### Initial Translation\n\nIf the docs are not available in your language yet and you would like to translate them, you can do so by following these steps:\n\n1. Copy the `pages/en` directory to a new directory with the name of your language, e.g. `pages/de` for German. (If you're not sure what the language code is, you can find it [here](https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes).)\n\n2. File a draft PR to let others know you're working on it. This is to avoid duplicate work, and also allows for community feedback along the way.\n\n3. File by file, translate the content of the files.\n\n4. Update the `lang` attribute in the frontmatter of the files translated to your language. If there are any files you haven't translated yet, that's fine. Just leave the `lang: en` attribute in the frontmatter.\n\n5. If the language you are translating into is read right-to-left (for example, Arabic or Hebrew), also add `dir: rtl` to the frontmatter.\n\n6. Add your language to the `KNOWN_LANGUAGE` object in [config.ts](./src/config.ts). You'll now get some type errors on the `SIDEBAR` and `SIDEBAR_HEADER_MAP` objects in the same file. Follow the instructions in the comments and translate the requested entries.\n\n7. When you're done, mark the pull request as ready for review.\n\n### Reviewing\n\nWe aim to have 1-2 reviews on each PR before merging. This allows for some back and forth and ensures that the quality of the docs is high, and the tone is consistent.\n\nWe'd highly appreciate it if you knew someone who speaks the language you're translating into to review your PR. This can help speed up the process of getting your contribution merged.\n\n### Maintaining\n\nNaturally, the English docs will move faster than the translated ones. We've implemented a feature that alerts visitors if a translated version of a page is outdated. If you see that a page is outdated and you're able to update it, please do so!\n\nWe also have code owners for each language. Being a code owner means that you get notified when there is a PR that includes changes to the files of your language, so that you can review it.\n\nBecoming a code owner is open to anyone who has contributed to a language, either by writing translations themselves or by reviewing those of others. If would like to become a code owner, either add your GitHub username to your language in [translations.yml](https://github.com/t3-oss/create-t3-app/blob/next/.github/workflows/translations.yml) or let us know in the `create-t3-translation` channel on [Discord](https://create.t3.gg/discord).\n" }, { "path": "www/astro.config.mjs", "content": "import mdx from \"@astrojs/mdx\";\nimport react from \"@astrojs/react\";\nimport sitemap from \"@astrojs/sitemap\";\nimport vercel from \"@astrojs/vercel\";\nimport { defineConfig } from \"astro/config\";\nimport rehypeAutolinkHeadings from \"rehype-autolink-headings\";\nimport rehypeExternalLinks from \"rehype-external-links\";\nimport rehypeSlug from \"rehype-slug\";\nimport remarkCodeTitles from \"remark-code-titles\";\n\n/** @link https://astro.build/config */\nexport default defineConfig({\n site: `https://create.t3.gg/`,\n output: \"server\",\n adapter: vercel(),\n markdown: {\n remarkPlugins: [remarkCodeTitles],\n rehypePlugins: [\n [\n rehypeExternalLinks,\n {\n target: \"_blank\",\n rel: [\"noreferrer noopener\"],\n content: {\n type: \"text\",\n value: \"↗\",\n },\n },\n ],\n rehypeSlug,\n [\n rehypeAutolinkHeadings,\n {\n properties: {\n class: \"heading-link heading-link--hidden---effects\",\n \"data-heading-link\": true,\n },\n behavior: \"wrap\",\n },\n ],\n ],\n shikiConfig: {\n theme: \"rose-pine\",\n wrap: true,\n },\n },\n integrations: [react(), sitemap(), mdx()],\n vite: {\n optimizeDeps: {\n exclude: [\"@resvg/resvg-js\"],\n },\n },\n});\n" }, { "path": "www/package.json", "content": "{\n \"name\": \"@ct3a/www\",\n \"version\": \"0.0.1\",\n \"private\": true,\n \"scripts\": {\n \"typecheck\": \"tsc --noEmit\",\n \"dev\": \"astro dev\",\n \"start\": \"astro dev\",\n \"check\": \"astro check\",\n \"clean\": \"rm -rf node_modules .turbo dist .eslintcache\",\n \"format\": \"prettier '**/*.{cjs,mjs,ts,tsx,md,json,astro}' --ignore-path ../.gitignore --ignore-unknown --write\",\n \"format:check\": \"prettier '**/*.{cjs,mjs,ts,tsx,md,json,astro}' --ignore-path ../.gitignore --ignore-unknown --check\",\n \"build\": \"astro build\",\n \"preview\": \"astro preview\",\n \"astro\": \"astro\"\n },\n \"dependencies\": {\n \"@algolia/client-search\": \"^5.21.0\",\n \"@astrojs/check\": \"^0.9.4\",\n \"@astrojs/mdx\": \"^4.2.1\",\n \"@astrojs/sitemap\": \"^3.3.0\",\n \"@astrojs/vercel\": \"^8.1.3\",\n \"@docsearch/css\": \"^3.9.0\",\n \"@docsearch/react\": \"^3.9.0\",\n \"@fontsource-variable/inter\": \"^5.2.5\",\n \"@headlessui/react\": \"^2.2.0\",\n \"@ianvs/prettier-plugin-sort-imports\": \"^4.2.1\",\n \"@resvg/resvg-js\": \"^2.6.2\",\n \"@stackblitz/sdk\": \"^1.11.0\",\n \"@vercel/analytics\": \"^1.5.0\",\n \"clsx\": \"^2.1.1\",\n \"embla-carousel\": \"^8.5.2\",\n \"embla-carousel-autoplay\": \"^8.5.2\",\n \"satori\": \"^0.12.1\",\n \"sharp\": \"^0.33.5\",\n \"tailwind-scrollbar\": \"^3.0.0\",\n \"treeify\": \"^1.1.0\",\n \"unist-util-visit\": \"^5.0.0\",\n \"zod\": \"^3.24.2\"\n },\n \"devDependencies\": {\n \"@astrojs/react\": \"^4.2.1\",\n \"@astrojs/tailwind\": \"^6.0.1\",\n \"@types/node\": \"^24.10.1\",\n \"@types/react\": \"~19.1.0\",\n \"@types/react-dom\": \"~19.1.0\",\n \"@types/react-typist\": \"^2.0.6\",\n \"@types/treeify\": \"^1.0.3\",\n \"astro\": \"^5.5.4\",\n \"prettier\": \"^3.5.3\",\n \"prettier-plugin-astro\": \"^0.14.1\",\n \"prettier-plugin-tailwindcss\": \"^0.6.11\",\n \"react\": \"^19.2.3\",\n \"react-dom\": \"^19.2.3\",\n \"react-typist\": \"^2.0.5\",\n \"rehype-autolink-headings\": \"^7.1.0\",\n \"rehype-external-links\": \"^3.0.0\",\n \"rehype-slug\": \"^6.0.0\",\n \"remark-code-titles\": \"^0.1.2\",\n \"tailwindcss\": \"npm:tailwindcss@^3\",\n \"typescript\": \"^5.8.2\"\n }\n}\n" }, { "path": "www/postcss.config.cjs", "content": "const config = {\n plugins: {\n tailwindcss: {},\n autoprefixer: {},\n },\n};\n\nmodule.exports = config;\n" }, { "path": "www/prettier.config.mjs", "content": "import baseConfig from \"../prettier.config.mjs\";\n\n/**\n * @type {import('prettier').Config & import('prettier-plugin-tailwindcss').PluginOptions &\n * import(\"@ianvs/prettier-plugin-sort-imports\").PluginConfig}\n */\nconst config = {\n ...baseConfig,\n plugins: [\n \"@ianvs/prettier-plugin-sort-imports\",\n \"prettier-plugin-astro\",\n \"prettier-plugin-tailwindcss\", // MUST come last\n ],\n overrides: [\n {\n files: \"*.astro\",\n options: {\n parser: \"astro\",\n },\n },\n ],\n astroAllowShorthand: false,\n tailwindConfig: \"./tailwind.config.ts\",\n importOrder: [\"\", \"\", \"^~/\", \"^[.][.]/\", \"^[.]/\"],\n importOrderParserPlugins: [\"typescript\", \"jsx\", \"decorators-legacy\"],\n importOrderTypeScriptVersion: \"4.4.0\",\n};\n\nexport default config;\n" }, { "path": "www/public/makeScrollableCodeFocusable.js", "content": "Array.from(document.getElementsByTagName(\"pre\")).forEach((element) => {\n element.setAttribute(\"tabindex\", \"0\");\n});\n" }, { "path": "www/public/robots.txt", "content": "# Algolia-Crawler-Verif: 013A1A14AB9EE32B\n\nUser-agent: *\nAllow: /\nSitemap: https://create.t3.gg/sitemap-index.xml\n" }, { "path": "www/src/.vscode/settings.json", "content": "{\n \"workbench.editor.wrapTabs\": false,\n \"editor.wordWrap\": \"on\"\n}\n" }, { "path": "www/src/components/accessibility/jumpToContent.astro", "content": "---\nimport Button from \"../landingPage/button.astro\";\n---\n\n\n Jump to content\n\n" }, { "path": "www/src/components/branding/Asset.astro", "content": "---\nimport Button from \"../landingPage/button.astro\";\n\nexport interface Props {\n title: string;\n bg: \"white\" | \"black\";\n description: string;\n assets: {\n svg: string | null;\n png: string | null;\n };\n attribution?: boolean;\n}\n\nconst {\n title,\n bg,\n description,\n assets: { svg, png },\n attribution = false,\n} = Astro.props;\n\nfunction getDownloadName(path: string) {\n const lastIndex = path.lastIndexOf(\"/\");\n return path.slice(lastIndex + 1, path.length - 4);\n}\n---\n\n
\n \n \n
\n
\n
\n {title}\n {\n attribution ? (\n \n Designed by{\" \"}\n \n Zak\n \n \n ) : null\n }\n
\n

\n {description}\n

\n
\n {\n svg ? (\n \n .svg\n \n \n \n \n ) : null\n }\n {\n png ? (\n \n .png\n \n \n \n \n ) : null\n }\n
\n
\n\n" }, { "path": "www/src/components/docs/avatarList.astro", "content": "---\nimport { fetchGithub, type Commit } from \"../../utils/fetchGithub\";\n\n// fetch all commits for just this page's path\nexport interface Props {\n path: string;\n}\nconst { path } = Astro.props;\nconst resolvedPath = `www/${path}`;\nconst url = `https://api.github.com/repos/t3-oss/create-t3-app/commits?path=${resolvedPath}`;\nconst commitsURL = `https://github.com/t3-oss/create-t3-app/commits/main/${resolvedPath}`;\n\nasync function getCommits(url: string) {\n try {\n const data = await fetchGithub(url, { fetchType: \"commits\" });\n return data;\n } catch (e) {\n console.warn(`[warn] /src/components/AvatarList.astro \n ${(e as Error)?.message ?? e}`);\n return [] as Commit[];\n }\n}\n\nfunction removeDups(arr: Commit[]): Pick[] {\n const map = new Map>();\n\n for (let item of arr) {\n const author = item.author;\n if (!author || !author.id || !author.login) continue;\n // Deduplicate based on author.id\n map.set(author.id.toString(), { login: author.login, id: author.id });\n }\n\n return [...map.values()];\n}\n\nconst data = await getCommits(url);\nconst unique = removeDups(data ?? []);\nconst recentContributors = unique.slice(0, 3); // only show avatars for the 3 most recent contributors\nconst additionalContributors = unique.length - recentContributors.length; // list the rest of them as # of extra contributors\n---\n\n
\n Recent Contributors To This Page\n
    \n {\n recentContributors.map((item) => (\n
  • \n \n \n \n
    • \n ))\n }\n
\n {\n additionalContributors > 0 && (\n \n {`and ${additionalContributors} additional contributor${\n additionalContributors > 1 ? \"s\" : \"\"\n }.`}\n \n )\n }\n {\n unique.length === 0 && (\n \n Contributors\n \n )\n }\n
\n" }, { "path": "www/src/components/docs/breadCrumbs.tsx", "content": "import clsx from \"clsx\";\n\nimport { SIDEBAR, SIDEBAR_HEADER_MAP, type OuterHeaders } from \"../../config\";\nimport { getIsRtlFromLangCode, getLanguageFromURL } from \"../../languages\";\n\ntype SlugType = \"\" | \"deployment\" | \"usage\";\n\nexport default function BreadCrumbs() {\n const lang = getLanguageFromURL(window.location.href);\n const isRtl = getIsRtlFromLangCode(lang ?? \"en\");\n const slugToEntryPath = (slug: SlugType): OuterHeaders => {\n switch (slug) {\n case \"\":\n return \"Create T3 App\";\n case \"usage\":\n return \"Usage\";\n case \"deployment\":\n return \"Deployment\";\n }\n };\n\n const pathname = window.location.pathname.endsWith(\"/\")\n ? window.location.pathname.slice(0, -1)\n : window.location.pathname;\n\n const slug =\n pathname.slice(1).split(\"/\").length > 2\n ? pathname.slice(1).split(\"/\")[1]\n : \"\";\n\n const actualEntries =\n SIDEBAR[lang][\n slugToEntryPath(\n slug === undefined || slug === \"\" ? \"\" : (slug as SlugType),\n )\n ];\n\n const getPathNameFromLink = (link: string) => {\n return [...(actualEntries ?? [])].find((entry) => entry.link === link)\n ?.text;\n };\n\n const getHeaderName = (header: OuterHeaders) => {\n if (lang === \"en\") return header;\n return SIDEBAR_HEADER_MAP[lang][header];\n };\n\n const breadcrumbs = pathname\n .split(\"/\")\n .slice(pathname.split(\"/\").length > 3 ? -2 : -1)\n .map((crumb) => {\n const path = pathname\n .split(\"/\")\n .slice(0, pathname.split(\"/\").indexOf(crumb) + 1)\n .join(\"/\");\n\n return {\n href: `${window.location.protocol}//${window.location.host}${path}`,\n key: crumb,\n text:\n getPathNameFromLink(path.slice(path.indexOf(lang))) ??\n getHeaderName(\n `${crumb[0]?.toUpperCase()}${crumb.slice(1)}` as OuterHeaders,\n ),\n };\n });\n\n return (\n
\n \n \n \n \n \n \n \n \n {breadcrumbs.map((crumb, index) => (\n
\n \n {crumb.text}\n \n {index < breadcrumbs.length - 1 && (\n \n \n \n )}\n
\n ))}\n
\n );\n}\n\nfunction BreadCrumbsArrow(props: { isRtl: boolean }) {\n return (\n \n \n \n );\n}\n" }, { "path": "www/src/components/docs/callout.tsx", "content": "import clsx from \"clsx\";\n\nexport default function Callout({\n type,\n children,\n}: {\n type: \"info\" | \"tip\" | \"warning\";\n children: React.ReactNode;\n}) {\n const getEmoji = () => {\n switch (type) {\n case \"warning\":\n return \"⚠️\";\n case \"info\":\n return \"ℹ️\";\n case \"tip\":\n return \"💡\";\n }\n };\n\n return (\n \n {getEmoji()}\n p]:mb-0\">{children}\n \n );\n}\n" }, { "path": "www/src/components/docs/companyList.tsx", "content": "interface Company {\n name: string;\n link: string;\n linkName: string;\n}\n\nconst companies: Company[] = [\n {\n name: \"Ping.gg\",\n linkName: \"ping.gg\",\n link: \"https://ping.gg\",\n },\n {\n name: \"Social Crow\",\n linkName: \"socialcrow.co\",\n link: \"https://www.socialcrow.co\",\n },\n {\n name: \"Nexiona\",\n linkName: \"nexiona.com\",\n link: \"https://nexiona.com\",\n },\n {\n name: \"Layer3\",\n linkName: \"layer3.xyz\",\n link: \"https://layer3.xyz\",\n },\n {\n name: \"EcoToken\",\n linkName: \"ecotokens.net\",\n link: \"https://ecotokens.net\",\n },\n {\n name: \"Civitai\",\n linkName: \"civitai.com\",\n link: \"https://civitai.com\",\n },\n {\n name: \"GreatFrontEnd\",\n linkName: \"greatfrontend.com\",\n link: \"https://www.greatfrontend.com\",\n },\n {\n name: \"River\",\n linkName: \"getriver.io\",\n link: \"https://getriver.io\",\n },\n {\n name: \"FlowGPT\",\n linkName: \"flowgpt.com\",\n link: \"https://flowgpt.com\",\n },\n {\n name: \"Papertrail\",\n linkName: \"Papertrail\",\n link: \"https://papertrail.biblish.com\",\n },\n {\n name: \"AIKeywording\",\n linkName: \"aikeywording.com/\",\n link: \"https://aikeywording.com/\",\n },\n {\n name: \"HIX AI\",\n linkName: \"HIX AI\",\n link: \"https://hix.ai\",\n },\n];\n\nexport default function CompanyList({\n companyIntl = \"Description\",\n linkIntl = \"Link\",\n}: {\n companyIntl: string;\n linkIntl: string;\n}) {\n return (\n \n \n \n \n \n {companies.map((company) => (\n \n \n \n \n ))}\n
{companyIntl}{linkIntl}
{company.name}\n {company.linkName}\n
\n );\n}\n" }, { "path": "www/src/components/docs/exampleOptionForm.astro", "content": "---\nconst options = {\n nextAuth: \"NextAuth.js\",\n prisma: \"Prisma\",\n tailwind: \"Tailwind CSS\",\n trpc: \"tRPC\",\n drizzle: \"Drizzle\",\n};\n---\n\n\n\n\n {\n Object.entries(options).map(([code, name]) => (\n
\n \n \n
\n ))\n }\n \n View in StackBlitz\n \n\n" }, { "path": "www/src/components/docs/folderStructureDiagramApp.astro", "content": "\n\n\n \n\n" }, { "path": "www/src/components/docs/folderStructureDiagramPages.astro", "content": "\n\n\n \n\n" }, { "path": "www/src/components/docs/folderStructureForm.astro", "content": "---\nconst options = {\n nextauth: \"NextAuth.js\",\n prisma: \"Prisma\",\n drizzle: \"Drizzle\",\n tailwind: \"Tailwind CSS\",\n trpc: \"tRPC\",\n};\n---\n\n\n\n\n {\n Object.entries(options).map(([code, name]) => (\n
\n \n \n
\n ))\n }\n\n" }, { "path": "www/src/components/docs/indexPage.astro", "content": "---\nimport { type Frontmatter } from \"../../config\";\n\nexport interface Props {\n sidebarEntries: { text: string; link: string }[];\n frontmatter: Frontmatter;\n files: Record[];\n}\nconst { sidebarEntries, frontmatter, files } = Astro.props;\n---\n\n

{frontmatter.description}

\n
\n {\n sidebarEntries.map(({ text, link }, index) => {\n const frontmatter = files.find((file) => file.url === `/${link}`)\n ?.frontmatter as Frontmatter;\n\n return (\n \n \n #{index + 1} {text}\n \n {frontmatter?.description && (\n

\n {frontmatter.description}\n

\n )}\n \n );\n })\n }\n
\n" }, { "path": "www/src/components/docs/introductionTab.tsx", "content": "import { useState } from \"react\";\n\nexport function IntroductionTab() {\n const [isAppRouterSelected, setIsAppRouterSelected] = useState(true);\n return (\n <>\n
\n setIsAppRouterSelected(true)}\n >\n App Router\n \n setIsAppRouterSelected(false)}\n >\n {\" \"}\n Pages Router\n \n
\n
\n \n
\n \n );\n}\n" }, { "path": "www/src/components/docs/openSourceAppList.tsx", "content": "interface App {\n description: string;\n repoName: string;\n repo: string;\n linkName: string;\n linkExtra?: string;\n link: string;\n}\n\nconst projects: App[] = [\n {\n description: \"OpenBio - Open Source Link in Bio\",\n repoName: \"vanxh/openbio\",\n repo: \"https://github.com/vanxh/openbio\",\n linkName: \"openbio.app\",\n link: \"https://openbio.app\",\n },\n {\n description: \"Exaya - Organic transportation processes manager\",\n repoName: \"exaya\",\n repo: \"https://github.com/kralion/exaya\",\n linkName: \"exaya.app\",\n link: \"https://exaya.vercel.app\",\n },\n {\n description: \"TheNinja-RPG - A free browser-based ninja game\",\n repoName: \"TheNinjaRPG\",\n repo: \"https://github.com/MathiasGruber/TheNinjaRPG\",\n linkName: \"theninja-rpg.com\",\n link: \"https://www.theninja-rpg.com\",\n },\n {\n description: \"Create T3 Turbo - T3 Stack using Turborepo\",\n repoName: \"create-t3-turbo\",\n repo: \"https://github.com/t3-oss/create-t3-turbo\",\n linkName: \"create-t3-turbo.vercel.app\",\n link: \"https://create-t3-turbo.vercel.app/\",\n },\n {\n description:\n \"T3 turborepo template with biomejs and both shadcn native and web ui\",\n repoName: \"rajatsandeepsen/t3-turbo-biome\",\n repo: \"https://github.com/rajatsandeepsen/t3-turbo-biome\",\n linkName: \"create-t3-turbo.vercel.app\",\n link: \"https://create-t3-turbo.vercel.app/\",\n },\n {\n description: \"Zapdos - a QnA app for streamers\",\n repoName: \"pingdotgg/zapdos\",\n repo: \"https://github.com/pingdotgg/zapdos\",\n linkName: \"ask.ping.gg\",\n link: \"https://ask.ping.gg\",\n },\n\n {\n description:\n \"Shoutify - Free, open-source, self-hosted social media management\",\n repoName: \"techsquidtv/shoutify\",\n repo: \"https://github.com/TechSquidTV/Shoutify\",\n linkName: \"shoutify.app\",\n link: \"https://github.com/TechSquidTV/Shoutify\",\n linkExtra: \"(coming soon)\",\n },\n\n {\n description:\n \"Me3 - Describe yourself in 3 things and share with your friends.\",\n repoName: \"henriqgoncalvs/me3\",\n repo: \"https://github.com/henriqgoncalvs/me3\",\n linkName: \"me3-henriiqueg.vercel.app\",\n link: \"https://me3-henriiqueg.vercel.app/\",\n },\n\n {\n description: \"Josh's personal site\",\n repoName: \"GentikSolm/imjosh-blog\",\n repo: \"https://github.com/GentikSolm/imjosh-blog\",\n linkName: \"imjosh.dev\",\n link: \"https://imjosh.dev\",\n },\n\n {\n description: \"Cal.com - Scheduling infrastructure for absolutely everyone.\",\n repoName: \"calcom/cal.com\",\n repo: \"https://github.com/calcom/cal.com\",\n linkName: \"cal.com\",\n link: \"https://cal.com\",\n },\n\n {\n description: \"My FAQ Page - An FAQ Page generator\",\n repoName: \"ronanru/myfaq.page\",\n repo: \"https://github.com/ronanru/myfaq.page\",\n linkName: \"MyFAQ.page\",\n link: \"https://myfaq.page\",\n },\n\n {\n description: \"Tincy Pics - A tincy wincy image host\",\n repoName: \"mozzius/tincypics\",\n repo: \"https://github.com/mozzius/tincypics\",\n linkName: \"tincy.pics\",\n link: \"https://tincy.pics\",\n },\n\n {\n description: \"Ayanava's Guestbook\",\n repoName: \"AyanavaKarmakar/Guestbook\",\n repo: \"https://github.com/AyanavaKarmakar/Guestbook\",\n linkName: \"guestbook.ayanavakarmakar.software\",\n link: \"https://guestbook.ayanavakarmakar.software/\",\n },\n\n {\n description: \"Slug - URL Shortener\",\n repoName: \"pheralb/slug\",\n repo: \"https://github.com/pheralb/slug\",\n linkName: \"slug.vercel.app\",\n link: \"https://slug.vercel.app\",\n },\n\n {\n description:\n \"AI TTS Donations - FOSS AI Text To Speech service for Streamers.\",\n repoName: \"mmattDonk/AI-TTS-Donations\",\n repo: \"https://github.com/mmattDonk/AI-TTS-Donations\",\n linkName: \"staging.solrock.mmattDonk.com\",\n link: \"https://staging.solrock.mmattDonk.com\",\n },\n\n {\n description: \"The Doom\",\n repoName: \"moltivie/slug\",\n repo: \"https://github.com/Moltivie/the-t3-stack\",\n linkName: \"the-t3-stack.vercel.app\",\n link: \"https://the-t3-stack.vercel.app\",\n },\n\n {\n description: \"Railtrack\",\n repoName: \"noahflk/railtrack\",\n repo: \"https://github.com/noahflk/railtrack\",\n linkName: \"railtrack.ch\",\n link: \"https://railtrack.ch\",\n },\n\n {\n description: \"KARA Shop - Ecommerce website\",\n repoName: \"mehrabmp/kara-shop\",\n repo: \"https://github.com/mehrabmp/kara-shop\",\n linkName: \"karashop.vercel.app\",\n link: \"https://karashop.vercel.app/\",\n },\n\n {\n description: \"Tauri T3 App - Tauri App using T3 Stack\",\n repoName: \"tauri-t3-app\",\n repo: \"https://github.com/AyanavaKarmakar/tauri-t3-app\",\n linkName: \"tauri-t3-app.docs\",\n link: \"https://github.com/AyanavaKarmakar/tauri-t3-app#readme\",\n },\n\n {\n description: \"Azon - E-Commerce website\",\n repoName: \"andrewsolonets/Azon-Shop\",\n repo: \"https://github.com/andrewsolonets/Azon-Shop\",\n linkName: \"azon-shop.vercel.app\",\n link: \"https://azon-shop.vercel.app/\",\n },\n\n {\n description: \"Analyzemyrepo.com - Useful insights for any GitHub repo\",\n repoName: \"CrowdDotDev/analyzemyrepo\",\n repo: \"https://github.com/CrowdDotDev/analyzemyrepo\",\n linkName: \"analyzemyrepo.com\",\n link: \"https://analyzemyrepo.com\",\n },\n\n {\n description:\n \"Answer Overflow - Discord bot to index help channels into Google\",\n repoName: \"AnswerOverflow/AnswerOverflow\",\n repo: \"https://github.com/AnswerOverflow/AnswerOverflow\",\n linkName: \"answeroverflow.com\",\n link: \"https://www.answeroverflow.com/\",\n },\n\n {\n description: \"CUA - Create an Universal App for web, native and desktop\",\n repoName: \"chen-rn/CUA\",\n repo: \"https://github.com/chen-rn/CUA\",\n linkName: \"cua-demo.vercel.app\",\n link: \"https://cua-demo.vercel.app/\",\n },\n\n {\n description: \"Menufic - Digital menu generator for restaurants\",\n repoName: \"kaje94/menufic\",\n repo: \"https://github.com/kaje94/menufic\",\n linkName: \"menufic.com\",\n link: \"https://menufic.com\",\n },\n\n {\n description: \"Twitter clone - A simple Twitter clone\",\n repoName: \"AlandSleman/t3-twitter-clone\",\n repo: \"https://github.com/AlandSleman/t3-twitter-clone\",\n linkName: \"twitter-clone.kurdmake.com\",\n link: \"https://twitter-clone.kurdmake.com\",\n },\n\n {\n description:\n \"Prisma Editor - A powerful tool to visualize and edit Prisma Schema\",\n repoName: \"mohammed-bahumaish/prisma-editor\",\n repo: \"https://github.com/mohammed-bahumaish/prisma-editor\",\n linkName: \"prisma-editor.bahumaish.com\",\n link: \"https://prisma-editor.bahumaish.com\",\n },\n\n {\n description: \"Judge devs - website, where developers share their projects\",\n repoName: \"judge-devs (gh)\",\n repo: \"https://github.com/serzhan181/judge-devs\",\n linkName: \"judge-devs.com\",\n link: \"https://judge-devs.vercel.app/\",\n },\n\n {\n description: \"T3 Blog - A Reddit inspired forum website\",\n repoName: \"leojuriolli7/t3-blog\",\n repo: \"https://github.com/leojuriolli7/t3-blog\",\n linkName: \"t3-blog-pi.vercel.app\",\n link: \"https://t3-blog-pi.vercel.app\",\n },\n\n {\n description: \"Checkinout - A checklist management project using T3 Stack\",\n repoName: \"burak-sevinc/t3-checkinout\",\n repo: \"https://github.com/burak-sevinc/t3-checkinout\",\n linkName: \"checkinout.vercel.app\",\n link: \"https://checkinout.vercel.app/\",\n },\n\n {\n description: \"Sozluk Clone - A simple clone of Ekşi Sözlük\",\n repoName: \"doandroidsdreamof/sozluk-clone\",\n repo: \"https://github.com/doandroidsdreamof/sozluk-clone\",\n linkName: \"sozluk-clone.vercel.app\",\n link: \"https://sozluk-clone.vercel.app\",\n },\n\n {\n description: \"Henrique's personal site\",\n repoName: \"henriqgoncalvs/website\",\n repo: \"https://github.com/henriqgoncalvs/website\",\n linkName: \"henriqgoncalvs.com\",\n link: \"https://henriqgoncalvs.com\",\n },\n\n {\n description: \"Code Notes - Takes your notes without any b*llshit\",\n repoName: \"JungRama/code-notes\",\n repo: \"https://github.com/JungRama/code-notes\",\n linkName: \"code-notes-app.vercel.app\",\n link: \"https://code-notes-app.vercel.app\",\n },\n {\n description:\n \"Rao.Pics - :electron: 帮助你远程访问 Eagle、Pixcall、Billfish 的素材资源。\",\n repoName: \"meetqy/rao-pics\",\n repo: \"https://github.com/meetqy/rao-pics\",\n linkName: \"rao.pics\",\n link: \"https://rao.pics\",\n },\n {\n description: \"eBoto - One-Stop Online Voting Solution\",\n repoName: \"bricesuazo/eboto\",\n repo: \"https://github.com/bricesuazo/eboto\",\n linkName: \"eboto-mo.com\",\n link: \"https://eboto-mo.com/\",\n },\n {\n description:\n \"ImprovDB - The ultimate repository for improv games & exercises\",\n repoName: \"aberonni/improvdb\",\n repo: \"https://github.com/aberonni/improvdb\",\n linkName: \"improvdb.com\",\n link: \"https://improvdb.com/\",\n },\n {\n description: \"Simple Todo app - with custom auth\",\n repoName: \"Parthvsquare/t3-todo-mvc\",\n repo: \"https://github.com/Parthvsquare/t3-todo-mvc\",\n linkName: \"\",\n link: \"\",\n },\n {\n description: \"Profilee - A Profile Link Builder\",\n repoName: \"mittalsam98/profilee\",\n repo: \"https://github.com/mittalsam98/profilee\",\n linkName: \"Profilee\",\n link: \"https://www.profilee.info/\",\n },\n {\n description: \"SunalRahal - Your Spotify, in a SVG\",\n repoName: \"prabincankod/sunal-rahal\",\n repo: \"https://github.com/prabincankod/sunal-rahal\",\n linkName: \"SunalRhal\",\n link: \"https://sunal-rahal.vercel.app\",\n },\n {\n description: \"RobertHavelaar.dev - A Modern Portfolio and Tool Showcase\",\n repoName: \"EastTexasElectronics/portfolio\",\n repo: \"https://github.com/EastTexasElectronics/portfolio\",\n linkName: \"RobertHavelaar.dev\",\n link: \"https://www.roberthavelaar.dev/\",\n },\n {\n description: \"Tasky - Simplify task management\",\n repoName: \"ismaelherreradev/tasky\",\n repo: \"https://github.com/ismaelherreradev/tasky\",\n linkName: \"taskyboard\",\n link: \"https://taskyboard.vercel.app\",\n },\n {\n description: \"Squeak - A multiplayer Solitaire-based game\",\n repoName: \"michaelongaro/Squeak\",\n repo: \"https://github.com/michaelongaro/Squeak\",\n linkName: \"Squeak\",\n link: \"https://playsqueak.com/\",\n },\n {\n description: \"Ray - A full stack admin starter\",\n repoName: \"koujialong/ray-admin\",\n repo: \"https://github.com/koujialong/ray-admin\",\n linkName: \"Ray\",\n link: \"https://koujialong-ray.vercel.app/\",\n },\n {\n description: \"Aiseka - Discover the best Color Palette & Color Tools\",\n repoName: \"meetqy/aiseka\",\n repo: \"https://github.com/meetqy/aiseka\",\n linkName: \"AISEKA\",\n link: \"https://aiseka.com/\",\n },\n];\n\nexport default function OpenSourceAppList({\n descriptionIntl = \"Description\",\n repoIntl = \"Repo\",\n linkIntl = \"Link\",\n}: {\n descriptionIntl: string;\n repoIntl: string;\n linkIntl: string;\n}) {\n return (\n \n \n \n \n \n \n {projects.map((project) => (\n \n \n \n \n \n ))}\n
{descriptionIntl}{repoIntl}{linkIntl}
{project.description}\n {project.repoName}\n \n {project.linkName}\n {project.linkExtra && {project.linkExtra}}\n
\n );\n}\n" }, { "path": "www/src/components/docs/outdatedDocsBanner.astro", "content": "---\nimport { fetchGithub } from \"../../utils/fetchGithub\";\n\nexport interface Props {\n path: string;\n}\nconst { path } = Astro.props;\n\nconst [_1, _2, _3, ...rest] = path.split(\"/\");\n\nconst englishPath = `src/pages/en/${rest.join(\"/\")}`;\nconst engHref = `/en/${rest.join(\"/\").replace(/\\.[^/.]+$/, \"\")}`;\n\nconst url = `https://api.github.com/repos/t3-oss/create-t3-app/commits?path=www/${path}&per_page=1`;\nconst engUrl = `https://api.github.com/repos/t3-oss/create-t3-app/commits?path=www/${englishPath}&per_page=1`;\n\n// File may not be on Github yet, so we only throw an error if we're in production\nasync function getCommitDiff() {\n try {\n const thisLangCommit = await fetchGithub(url, { fetchType: \"commits\" });\n const englishCommit = await fetchGithub(engUrl, { fetchType: \"commits\" });\n\n const thisLangDate = thisLangCommit?.length\n ? new Date(thisLangCommit[0]?.commit.author.date ?? \"\")\n : new Date();\n const englishDate = englishCommit?.length\n ? new Date(englishCommit[0]?.commit.author.date ?? \"\")\n : new Date();\n\n const diffInDays = Math.round(\n (englishDate.getTime() - thisLangDate.getTime()) / (1000 * 3600 * 24),\n );\n return diffInDays;\n } catch (e) {\n console.warn(`[warn] /src/components/outDatedDocsBanner.astro \n ${(e as Error)?.message ?? e}\n If you're in production, this is a problem. If you're in dev, it's probably fine.\n If this warning appears on a translated file that's not yet on origin, it's fine.`);\n\n return 0;\n }\n}\n\nconst diffInDays = await getCommitDiff();\n\nconst ONE_WEEK = 1000 * 60 * 60 * 24 * 7;\nAstro.response.headers.set(\"Cache-Control\", `s-max-age=${ONE_WEEK}`);\n---\n\n{\n diffInDays > 0 && (\n \n

\n Attention: This page is{\" \"}\n \n {diffInDays} {diffInDays === 1 ? \"day\" : \"days\"}\n \n older than the English version and might be outdated. If you're a native\n speaker of this language and would like to contribute to the project,\n please consider updating this page to match the latest English version.\n

\n

\n You can also\n \n view the English version\n \n of this page.\n

\n \n )\n}\n" }, { "path": "www/src/components/docs/pageContent.astro", "content": "---\nimport { type MarkdownHeading } from \"astro\";\n\nimport { type Frontmatter, type KnownLanguageCode } from \"../../config\";\nimport { getIsRtlFromLangCode } from \"../../languages\";\nimport OnThisPageLinks from \"../navigation/OnThisPageLinks\";\nimport BreadCrumbs from \"./breadCrumbs\";\nimport OutdatedDocsBanner from \"./outdatedDocsBanner.astro\";\nimport Pagination from \"./pagination.astro\";\n\nexport interface Props {\n frontmatter: Frontmatter;\n path: string;\n headings: MarkdownHeading[];\n}\n\nconst { frontmatter, path, headings } = Astro.props;\nconst title = frontmatter.title;\n\nconst [_1, _2, lang] = path.split(\"/\");\nconst isRtl = getIsRtlFromLangCode((lang || \"en\") as KnownLanguageCode);\n---\n\n
\n {lang && lang !== \"en\" && }\n
\n \n
\n \n
\n \n \n {title}\n \n \n
\n \n
\n
\n
\n\n\n\n\n" }, { "path": "www/src/components/docs/pagination.astro", "content": "---\nimport { type SidebarItemLink } from \"../../config\";\nimport { getIsRtlFromUrl, getLanguageFromURL } from \"../../languages\";\nimport { paginate } from \"../../utils/pagination\";\nimport LeftArrow from \"../icons/leftArrow.astro\";\nimport RightArrow from \"../icons/rightArrow.astro\";\n\nconst currentPage = Astro.url.pathname;\nconst hasTrailing = currentPage.endsWith(\"/\");\nconst currentPageMatch = currentPage.slice(\n 1,\n hasTrailing ? -1 : currentPage.length,\n) as SidebarItemLink;\n\nconst langCode = getLanguageFromURL(currentPage);\nconst { next, prev } = paginate(langCode, currentPageMatch);\n\nconst { pathname } = Astro.url;\nconst isRtl = getIsRtlFromUrl(pathname);\n---\n\n\n
\n {\n prev ? (\n \n <>\n {isRtl ? : }\n {prev.text}\n \n \n ) : null\n }\n
\n
\n {\n next ? (\n \n <>\n {next.text}\n {isRtl ? : }\n \n \n ) : null\n }\n
\n\n\n
\n" }, { "path": "www/src/components/docs/tabs.astro", "content": "---\nconst { tabName, slotOne, slotTwo } = Astro.props;\n---\n\n\n\n
\n
\n \n
\n
\n
\n \n
\n \n
\n
\n\n\n" }, { "path": "www/src/components/footer/footer.astro", "content": "---\nimport AvatarList from \"../docs/avatarList.astro\";\n\nexport interface Props {\n path: string;\n isBlog: boolean;\n}\nconst { path, isBlog } = Astro.props;\n---\n\n
\n {isBlog && }\n
\n
\n
\n \n \n \n
\n
\n
\n
\n" }, { "path": "www/src/components/headCommon.astro", "content": "\n\n\n\n\n\n\n\n\n\n\n\n" }, { "path": "www/src/components/headSeo.astro", "content": "---\nimport { OPEN_GRAPH, SITE, type Frontmatter } from \"../config\";\nimport { SITE_URL } from \"../utils/siteUrl\";\n\nexport interface Props {\n frontmatter?: Frontmatter;\n type?: string;\n}\n\nconst { frontmatter, type } = Astro.props as Props;\n\nconst canonicalUrl = new URL(Astro.url.pathname, Astro.site);\n\nconst formattedContentTitle = frontmatter\n ? `${frontmatter.title} 🚀 ${SITE.title}`\n : SITE.title;\n\nconst ogTitle = frontmatter ? frontmatter.title : SITE.title;\nconst ogDescription = frontmatter ? frontmatter.description : SITE.description;\n\nconst ogImageData = {\n title: ogTitle,\n description: ogDescription,\n pagePath: Astro.url.pathname,\n};\n\nconst imageSrc =\n frontmatter?.image?.src ??\n `${SITE_URL}/og?${Object.entries(ogImageData)\n .map(([key, value]) => `${key}=${value}`)\n .join(\"&\")}`;\n\nconst imageUrl = new URL(imageSrc, Astro.url.origin);\nconst imageAlt = frontmatter?.image?.alt ?? OPEN_GRAPH.image.alt;\n\nconst ogType = type ?? \"article\";\n---\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n" }, { "path": "www/src/components/icons/leftArrow.astro", "content": "\n \n\n" }, { "path": "www/src/components/icons/rightArrow.astro", "content": "\n \n\n" }, { "path": "www/src/components/landingPage/ClipboardSelect.tsx", "content": "import { Menu, Transition } from \"@headlessui/react\";\nimport clsx from \"clsx\";\nimport { Fragment, useState } from \"react\";\n\nconst commands = [\n {\n command: \"create t3-app@latest\",\n manager: \"npm\",\n },\n {\n command: \"create t3-app\",\n manager: \"yarn\",\n },\n {\n command: \"create t3-app@latest\",\n manager: \"pnpm\",\n },\n {\n command: \"create t3-app@latest\",\n manager: \"bun\",\n },\n];\n\nexport default function ClipboardSelect() {\n const [coolDown, setCoolDown] = useState(false);\n\n const handleCopyToClipboard = async (manager: string, command: string) => {\n const nextClipboard = `${manager} ${command}`;\n try {\n await navigator.clipboard.writeText(nextClipboard);\n } catch (err) {\n console.error(\"Failed to copy text: \", err);\n }\n };\n\n const checkStyles = {\n strokeDasharray: 450,\n strokeDashoffset: -30,\n };\n\n return (\n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n {commands.map(({ manager, command }) => (\n \n {({ active }) => {\n return (\n {\n handleCopyToClipboard(manager, command)\n .then(() => {\n setCoolDown(true);\n setTimeout(() => {\n setCoolDown(false);\n }, 1000);\n })\n .catch((err) => console.log(err));\n }}\n >\n {manager}\n \n );\n }}\n \n ))}\n \n \n
\n \n
\n );\n}\n" }, { "path": "www/src/components/landingPage/about.astro", "content": "---\nimport CliPreview from \"./cli\";\nimport PageSection from \"./pageSection.astro\";\n---\n\n\n
\n \n Typesafe From The Start\n \n \n We made create-t3-app to do one thing: Streamline the setup of typesafe\n Next.js apps WITHOUT compromising modularity.\n

\n \n After countless projects and many years on this tech, we have lots of\n opinions and insights. We've done our best to encode them into this CLI.\n

\n \n This is NOT an all-inclusive template. We expect you to bring your own libraries. Check out our other recommendations for things like state management and deployment.\n

\n
\n
\n \n
\n\n" }, { "path": "www/src/components/landingPage/banner.astro", "content": "---\nimport Button from \"./button.astro\";\nimport ClipboardSelect from \"./ClipboardSelect\";\n---\n\n
\n
\n
\n
\n \n
\n
\n \n The best way to start a\n full-stack,\n \n typesafe\n Next.js app\n \n\n \n \n Documentation\n \n \n \n \n \n \n GitHub\n \n \n \n \n
\n\n
\n
\n \n npm create t3-app@latest\n \n
\n
\n
\n
\n
\n
\n
\n \n \n\n" }, { "path": "www/src/components/landingPage/button.astro", "content": "---\nexport interface Props {\n href?: string;\n openInNewTab?: boolean;\n rounded?: \"full\" | \"md\" | \"none\";\n variant?: \"primary\" | \"secondary\";\n specialHover?: boolean;\n className?: string;\n download?: string | false;\n}\n\nconst {\n href = \"\",\n rounded = \"md\",\n variant = \"primary\",\n openInNewTab = false,\n className = \"\",\n specialHover = false,\n download = false,\n} = Astro.props;\n\nconst roundedClass =\n rounded === \"full\" ? \"rounded-full\" : rounded === \"md\" ? \"rounded-md\" : \"\";\nconst variantClass =\n variant === \"primary\"\n ? \"bg-t3-purple-100 hover:bg-t3-purple-200 text-slate-800\"\n : \"bg-white/10 hover:bg-white/20 text-white\";\n\nconst specialHoverClass = specialHover\n ? \"hover:shadow hover:shadow-[#300171] duration-500\"\n : \"\";\n---\n\n\n \n\n" }, { "path": "www/src/components/landingPage/cli.tsx", "content": "/** @jsxImportSource react */\nimport Typist from \"react-typist\";\n\nexport default function CodeCard() {\n return (\n \n
\n
\n
\n
\n
\n
\n \n npm create t3-app@latest\n \n \n \n \n     ___ ___ ___   __ _____ ___   _____ ____    __   ___ ___ \n
\n    / __| _ \\ __| /  \\_   _| __| |_   _|__ /   /  \\ | _ \\ _ \\  \n
\n   | (__|   / _| / /\\ \\| | | _|    | |  |_ \\  / /\\ \\|  _/  _/ \n
\n    \\___|_|_\\___|_/¯¯\\_\\_| |___|   |_| |___/ /_/¯¯\\_\\_| |_|  \n
\n \n \n
\n ? What will your project be called? (my-t3-app)\n \n \n my-t3-app\n \n
\n
\n \n \n ? Will you be using JavaScript or TypeScript? (Use arrow keys)\n
\n ❯ TypeScript\n
\n   JavaScript\n \n \n \n ? Will you be using JavaScript or TypeScript?\n TypeScript\n \n \n \n \n Good choice! Using TypeScript!\n
\n \n {`? Which packages would you like to enable? (Press to select, to toggle all, to invert selection, and\n to proceed)`}\n
\n ❯\n ◯ nextAuth\n
\n  ◯ prisma\n
\n  ◯ tailwind\n
\n  ◯ trpc\n \n \n \n \n \n \n \n ? Which packages would you like to enable?\n \n nextAuth, prisma, tailwind, trpc\n \n \n \n ❯\n ◉ nextAuth\n ◉ better-auth\n
\n  ◉ prisma\n
\n  ◉ tailwind\n
\n  ◉ trpc\n
\n \n \n \n \n
\n ? Initialize a new git repository? (Y/n)\n \n \n n\n \n \n \n No\n
\n \n \n Sounds good! You can come back and run git init later.\n \n \n
\n \n ? Would you like us to run npm install? (Y/n)\n \n \n \n y\n \n Yes\n \n
\n \n \n Alright. We'll install the dependencies for you!\n \n
\n \n );\n}\n" }, { "path": "www/src/components/landingPage/community/community.astro", "content": "---\nimport PageSection from \"../pageSection.astro\";\nimport CommunityCard from \"./communityCard.astro\";\n\n// eslint-disable-next-line -- need to export something to make it a module\nexport interface Props {}\n---\n\n\n \n \n Community\n \n \n Join our community to get help, share your projects, and even contribute\n to the project!\n

\n \n \n \n Discord\n \n \n \n \n \n GitHub\n \n \n \n \n \n Twitter\n \n \n \n \n \n\n" }, { "path": "www/src/components/landingPage/community/communityCard.astro", "content": "---\nexport interface Props {\n title: string;\n text: string;\n href: string;\n}\n\nconst { text, title, href } = Astro.props;\n---\n\n\n \n
\n

{title}

\n

\n {text}\n

\n \n\n" }, { "path": "www/src/components/landingPage/pageSection.astro", "content": "---\nexport interface Props {\n size: \"6\" | \"12\" | \"16\" | \"24\" | \"32\";\n className?: string;\n bottomPadding?: boolean;\n id?: string;\n}\n\nconst sizes = {\n 6: \"py-2 md:py-4 lg:py-6\",\n 12: \"py-4 md:py-8 lg:py-12\",\n 16: \"py-6 md:py-10 lg:py-16\",\n 24: \"py-8 md:py-16 lg:py-24\",\n 32: \"py-12 md:py-20 lg:py-32\",\n};\n\nconst sizesOnlyTop = {\n 6: \"pt-2 md:pt-4 lg:pt-6\",\n 12: \"pt-4 md:pt-8 lg:pt-12\",\n 16: \"pt-6 md:pt-10 lg:pt-16\",\n 24: \"pt-8 md:pt-16 lg:pt-24\",\n 32: \"pt-12 md:pt-20 lg:pt-32\",\n};\n\nconst { size, className, bottomPadding = true, id = \"\" } = Astro.props;\n---\n\n\n \n\n" }, { "path": "www/src/components/landingPage/stack/card.astro", "content": "---\nexport interface Props {\n title: string;\n href: string;\n}\nconst { title, href } = Astro.props;\n---\n\n\n \n \n

\n \n {title}\n \n

\n \n \n \n \n\n" }, { "path": "www/src/components/landingPage/stack/stack.astro", "content": "---\nimport PageSection from \"../pageSection.astro\";\nimport Feature from \"./card.astro\";\n---\n\n\n
\n
\n \n The best of the full stack TypeScript ecosystem...\n \n \n ...but ONLY the parts you need\n \n

\n Take what you want and nothing more!\n

\n
\n
\n \n \n \n Next.js\n \n \n \n\n \n Next.js offers a lightly opinionated, heavily optimized approach to\n creating applications using React. It's the industry standard and\n we're proud to build on top of it :)\n \n \n \n \n Prisma\n \n \n \n Prisma is the best way to work with databases in TypeScript. It\n provides a simple, type-safe API to query your database, and it can\n be used with most SQL dialects (and Mongo too!).\n \n \n\n \n \n TypeScript\n \n \n \n \n We firmly believe TypeScript will help you be a better web\n developer. Whether you're new to JS or a seasoned pro, the\n \"strictness\" of TypeScript leads to smoother building.\n \n \n\n \n \n Tailwind CSS\n \n \n \n Tailwind CSS is a utility-first CSS framework that helps you build\n beautiful, responsive designs without any extra configuration. It’s\n built with utility-first principles, and is completely customizable\n and extendable.\n \n \n\n \n \n tRPC\n \n \n \n \n If your frontend and backend are TypeScript, it's really hard to\n beat the DX of tRPC. Kinda like GraphQL but without the work -\n seriously this lib is magic.\n \n \n\n \n \n \n When you need flexible, secure, and scalable auth, NextAuth.js is\n top notch. It ties into your existing database and provides a simple\n API to manage users and sessions.\n \n \n
\n
\n \n\n" }, { "path": "www/src/components/landingPage/tweets/featuredTweets.ts", "content": "export interface Tweet {\n id: string;\n handle: string;\n verified: boolean;\n author: string;\n avatar: string;\n date: Date;\n text: string;\n likes: number;\n retweets: number;\n replies: number;\n quotes: number;\n}\n\n// featured tweets for the testimonials on the landing page\nexport const featuredTweets: Tweet[] = [\n // https://twitter.com/ajcwebdev/status/1544909672137867264\n {\n id: \"1544909672137867264\",\n handle: \"ajcwebdev\",\n author: \"❤️ Anthony (ajcwebdev.x)\",\n verified: false,\n avatar:\n \"https://pbs.twimg.com/profile_images/1549247631867711488/hK_Qr-Dx_normal.png\",\n date: new Date(\"2022-07-07T05:02:23.000Z\"),\n text: \"Now that Blitz.js has pivoted and Bison has stagnated, create-t3-app will be the only framework to give Redwood a run for its money in the quest to build a legitimate fullstack React framework.\",\n likes: 32,\n retweets: 3,\n replies: 9,\n quotes: 2,\n },\n\n // https://twitter.com/tomdoes_tech/status/1595652166173458434\n {\n id: \"1595652166173458434\",\n handle: \"tomdoes_tech\",\n author: \"Tom\",\n verified: false,\n avatar:\n \"https://pbs.twimg.com/profile_images/1551907445856997385/3m8M35Cn_400x400.png\",\n date: new Date(\"2022-11-24T08:34:00.000Z\"),\n text: \"Used create-t3-app for a hackathon today. I don't think I've ever created an app that works so well and does so much in a single day before\",\n likes: 194,\n retweets: 6,\n replies: 10,\n quotes: 2,\n },\n\n // https://twitter.com/synecdokey/status/1553580714591158272\n {\n id: \"1553580714591158272\",\n handle: \"synecdokey\",\n author: \"Emilia Zapata\",\n verified: false,\n avatar:\n \"https://pbs.twimg.com/profile_images/1426010455055638531/xUFu5JP7_400x400.jpg\",\n date: new Date(\"2022-07-31T07:18:00.000Z\"),\n text: \"Finally had the chance to play with @trpcio and it's scary how easy it makes to make your data flow, with full type safety and backend validation. With create-t3-app and @supabase , I was able to create a simple to-do app with auth in less than 3 hours, scary.\",\n likes: 76,\n retweets: 10,\n replies: 2,\n quotes: 0,\n },\n\n // https://twitter.com/royanger/status/1553191258771841024\n {\n id: \"1553191258771841024\",\n handle: \"royanger\",\n author: \"Roy Anger\",\n verified: false,\n avatar:\n \"https://pbs.twimg.com/profile_images/1346968887/dsc652499-2_400x400.jpg\",\n date: new Date(\"2022-07-30T05:30:00.000Z\"),\n text: \"create-t3-app is amazing. I worked on a MVP over the last 10 days on the side, and easily built it out using the stack. Working with data via tRPC was amazing. Try out the t3 stack, or at least tRPC.\",\n likes: 19,\n retweets: 2,\n replies: 0,\n quotes: 0,\n },\n\n // https://twitter.com/jonhigger/status/1570054715240763393\n {\n id: \"1570054715240763393\",\n handle: \"jonhigger\",\n author: \"jon\",\n verified: false,\n avatar:\n \"https://pbs.twimg.com/profile_images/1466866060007723008/QXEf5Vbs_400x400.jpg\",\n date: new Date(\"2022-09-14T18:19:00.000Z\"),\n text: \"If you're a Rails developer, you should give full stack TS frameworks a try. @remix_run 's stacks or @pingdotgg 's create-t3-app are two great options. If you learn these tools, your long term productivity will be faster than Rails. The performance benefits are just a side bonus.\",\n likes: 5,\n retweets: 1,\n replies: 1,\n quotes: 0,\n },\n];\n" }, { "path": "www/src/components/landingPage/tweets/tweetCard.astro", "content": "---\nimport { Image } from \"astro:assets\";\n\nimport { type Tweet } from \"./featuredTweets\";\n\nconst {\n id,\n handle,\n author,\n verified,\n avatar,\n date,\n text,\n likes,\n retweets,\n replies,\n} = Astro.props as Tweet;\n---\n\n\n \n
\n
\n
\n

\n \n {author}\n \n

\n {\n verified && (\n \n \n \n \n \n \n \n )\n }\n \n @{handle}\n \n
\n
\n \n {date.toDateString()}\n \n
\n
\n

{text}

\n\n
\n \n \n \n \n \n \n \n \n {replies}\n
\n \n \n \n \n \n \n \n \n {retweets}\n
\n
\n \n \n \n \n \n \n \n {likes}\n
\n \n \n\n" }, { "path": "www/src/components/landingPage/tweets/tweetSlider.astro", "content": "---\nimport { type Tweet } from \"./featuredTweets\";\nimport TweetCard from \"./tweetCard.astro\";\n\nexport interface Props {\n tweets: Tweet[];\n}\n\nconst { tweets } = Astro.props as Props;\n---\n\n
\n
\n {\n tweets.map((tweet) => (\n
\n \n
\n ))\n }\n
\n\n {/* Pagination */}\n
\n {\n tweets.map((_, idx) => (\n // Larger click area while keeping the visual circles small\n \n \n \n ))\n }\n
\n
\n\n\n" }, { "path": "www/src/components/landingPage/tweets/tweets.astro", "content": "---\nimport PageSection from \"../pageSection.astro\";\nimport { featuredTweets } from \"./featuredTweets\";\nimport TweetSlider from \"./tweetSlider.astro\";\n---\n\n\n \n \n Well loved in production (and on Twitter)\n \n \n Our users ship. Fast.\n \n \n Mention create-t3-app if you want to pop up here ;)\n

\n \n \n\n" }, { "path": "www/src/components/navigation/LanguageSelect.tsx", "content": "import { Listbox, Transition } from \"@headlessui/react\";\nimport clsx from \"clsx\";\nimport { Fragment } from \"react\";\n\nimport { KNOWN_LANGUAGES, type KnownLanguageCode } from \"../../config\";\nimport { getIsRtlFromLangCode } from \"../../languages\";\n\ninterface LanguageSelectProps {\n language: KnownLanguageCode;\n}\n\nexport default function LanguageSelect({ language }: LanguageSelectProps) {\n const handleSelect = (code: string) => {\n const [_1, _2, ...slug] = window.location.pathname.split(\"/\");\n window.location.pathname = `/${code}/${slug.join(\"/\")}`;\n };\n\n const isRTL = getIsRtlFromLangCode(language);\n\n return (\n
\n \n
\n \n \n \n \n \n \n \n \n {Object.entries(KNOWN_LANGUAGES).map(([code, name]) => (\n \n `focus-none relative cursor-pointer bg-t3-purple-200/50 px-4 py-2 text-slate-900 outline-none hover:bg-t3-purple-300/75 dark:bg-t3-purple-200/10 dark:text-t3-purple-100 dark:hover:bg-t3-purple-200/20 ${\n selected && \"bg-t3-purple-400/75 dark:bg-t3-purple-400/20\"\n } ${active && \"bg-t3-purple-300/75 dark:bg-t3-purple-200/20\"}`\n }\n value={code}\n >\n {({ selected }) => (\n \n {name}\n \n )}\n \n ))}\n \n \n
\n \n
\n );\n}\n" }, { "path": "www/src/components/navigation/OnThisPageLinks.tsx", "content": "import { Menu } from \"@headlessui/react\";\nimport { type MarkdownHeading } from \"astro\";\nimport clsx from \"clsx\";\nimport { useEffect, useMemo, useState } from \"react\";\n\ninterface OnThisPageLinksProps {\n headings: MarkdownHeading[];\n title: string;\n isRtl: boolean;\n}\n\nexport default function OnThisPageLinks({\n headings,\n title,\n isRtl,\n}: OnThisPageLinksProps) {\n const isLtr = !isRtl;\n\n const memoedHeadings = useMemo(() => {\n // add isVisible flag in headers\n const headers = [\n { depth: 2, slug: \"overview\", text: title, isVisible: true },\n ...headings.map((h) => ({ ...h, isVisible: false })),\n ];\n\n return headers.filter(({ depth }) => depth > 1 && depth < 4);\n }, [headings, title]);\n\n const [headingWithIsVisible, setHeadingWithIsVisible] =\n useState(memoedHeadings);\n\n useEffect(() => {\n const articleHeadings = Array.from(\n document.querySelectorAll(\"article :is(h1,h2,h3)\"),\n );\n\n const allObservers = articleHeadings.map((h) => {\n const observer = new IntersectionObserver(\n (entries) => {\n entries.forEach((entry) => {\n const id = entry.target.id;\n const tocItem = Array.from(\n document.querySelectorAll(`a[href=\"#${id}\"]`),\n ).at(-1);\n // occurs when the id = \"toc-heading\"\n if (!tocItem) return;\n\n if (entry.isIntersecting) {\n const headings = headingWithIsVisible.map((h) =>\n h.slug === id\n ? { ...h, isVisible: true }\n : { ...h, isVisible: false },\n );\n setHeadingWithIsVisible(headings);\n }\n });\n },\n {\n rootMargin: \"-100px 0% -66%\",\n threshold: 1,\n },\n );\n\n observer.observe(h);\n\n return observer;\n });\n\n return () => {\n // unobserve elements\n articleHeadings.map((h, index) => {\n allObservers[index]?.unobserve(h);\n });\n };\n }, [headings, title]);\n\n return (\n
\n \n {({ open }) => (\n
\n
\n \n On this page\n \n \n \n \n
\n \n
    \n {headingWithIsVisible.map((heading) => (\n
  • \n \n {({ active }) => (\n \n {heading.text}\n \n )}\n \n
    • \n ))}\n
\n \n
\n )}\n \n
\n );\n}\n" }, { "path": "www/src/components/navigation/Search.tsx", "content": "/** @jsxImportSource react */\n\nimport { useCallback, useRef, useState } from \"react\";\n\nimport { ALGOLIA } from \"../../config\";\n\nimport \"../../styles/algolia/style.css\";\n\nimport * as docSearchReact from \"@docsearch/react\";\nimport clsx from \"clsx\";\nimport { createPortal } from \"react-dom\";\n\n/** FIXME: This is still kinda nasty, but DocSearch is not ESM ready. */\nconst DocSearchModal =\n docSearchReact.DocSearchModal ||\n // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access\n (docSearchReact as any).default.DocSearchModal;\nconst useDocSearchKeyboardEvents =\n docSearchReact.useDocSearchKeyboardEvents ||\n // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access\n (docSearchReact as any).default.useDocSearchKeyboardEvents;\n\nexport default function Search({ isLanding }: { isLanding: boolean }) {\n const [isOpen, setIsOpen] = useState(false);\n const searchButtonRef = useRef(null);\n const [initialQuery, setInitialQuery] = useState(\"\");\n\n const onOpen = useCallback(() => {\n setIsOpen(true);\n }, [setIsOpen]);\n\n const onClose = useCallback(() => {\n setIsOpen(false);\n }, [setIsOpen]);\n\n const onInput = useCallback(\n (e: KeyboardEvent) => {\n setIsOpen(true);\n setInitialQuery(e.key);\n },\n [setIsOpen, setInitialQuery],\n );\n\n useDocSearchKeyboardEvents({\n isOpen,\n onOpen,\n onClose,\n onInput,\n searchButtonRef,\n });\n\n return (\n <>\n \n
\n \n \n \n\n Search\n
\n\n \n Press \n /\n to search\n \n \n\n {isOpen &&\n createPortal(\n
\n {\n return items.map((item) => {\n // We transform the absolute URL into a relative URL to\n // work better on localhost, preview URLS.\n const a = document.createElement(\"a\");\n a.href = item.url;\n const hash = a.hash === \"#overview\" ? \"\" : a.hash;\n return {\n ...item,\n url: `${a.pathname}${hash}`,\n };\n });\n }}\n />\n
,\n document.body,\n )}\n \n );\n}\n" }, { "path": "www/src/components/navigation/githubIcon.astro", "content": "---\nimport { getIsRtlFromUrl, getLanguageFromURL } from \"../../languages\";\nimport { fetchGithub } from \"../../utils/fetchGithub\";\n\nlet githubStars = 28000;\n\ntry {\n const fetchedStars = await fetchGithub(\n \"https://api.github.com/repos/t3-oss/create-t3-app\",\n {\n throwIfNoAuth: false,\n fetchType: \"repo\",\n },\n ).then((data) => data?.stargazers_count);\n\n githubStars = fetchedStars ?? 28000;\n} catch (e) {\n console.error(\"unable to fetch from github\", e);\n}\n\nconst ONE_HOUR = 1 * 60 * 60;\n\nAstro.response.headers.set(\"Cache-Control\", `public, max-age=${ONE_HOUR}`);\n\nconst { pathname } = Astro.url;\n\nconst formattedStars = new Intl.NumberFormat(getLanguageFromURL(pathname), {\n notation: \"compact\",\n}).format(githubStars);\n\nconst isRtl = getIsRtlFromUrl(pathname);\n---\n\n\n
\n \n \n\n" }, { "path": "www/src/layouts/landingPage.astro", "content": "---\nimport Footer from \"../components/footer/footer.astro\";\nimport LeftSidebar from \"../components/navigation/leftSidebar.astro\";\nimport Navbar from \"../components/navigation/navbar.astro\";\n\nimport \"../styles/global.css\";\nimport \"../styles/algolia/style.css\";\nimport \"../styles/accessibility.css\";\n\nimport HeadCommon from \"../components/headCommon.astro\";\nimport HeadSeo from \"../components/headSeo.astro\";\nimport { SITE } from \"../config\";\n\nimport \"@fontsource-variable/inter\";\n\nimport JumpToContent from \"../components/accessibility/jumpToContent.astro\";\n\nexport interface Props {\n isNotFound?: boolean;\n}\n\nconst currentPage = Astro.url.pathname;\n\nconst { isNotFound } = Astro.props;\n---\n\n\n\n \n \n \n {SITE.title}\n\n \n \n \n \n \n \n \n
\n \n
\n