[ { "path": ".all-contributorsrc", "content": "{\n \"projectName\": \"next-enterprise\",\n \"projectOwner\": \"Blazity\",\n \"repoType\": \"github\",\n \"repoHost\": \"https://github.com\",\n \"files\": [\n \"README.md\"\n ],\n \"imageSize\": 100,\n \"commit\": true,\n \"commitConvention\": \"angular\",\n \"contributors\": [\n {\n \"login\": \"bmstefanski\",\n \"name\": \"Bart Stefanski\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/28964599?v=4\",\n \"profile\": \"https://bstefanski.com/\",\n \"contributions\": [\n \"code\"\n ]\n },\n {\n \"login\": \"jjablonski-it\",\n \"name\": \"Jakub Jabłoński\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/51968772?v=4\",\n \"profile\": \"https://github.com/jjablonski-it\",\n \"contributions\": [\n \"infra\"\n ]\n },\n {\n \"login\": \"neg4n\",\n \"name\": \"Igor Klepacki\",\n \"avatar_url\": \"https://avatars.githubusercontent.com/u/57688858?v=4\",\n \"profile\": \"https://neg4n.dev/\",\n \"contributions\": [\n \"doc\"\n ]\n }\n ],\n \"contributorsPerLine\": 7,\n \"linkToUsage\": true,\n \"commitType\": \"docs\"\n}\n" }, { "path": ".github/nodejs.version", "content": "v24.3.0\n" }, { "path": ".github/workflows/check.yml", "content": "name: Check\n\non:\n push:\n branches:\n - main\n - master\n - develop\n pull_request:\n workflow_dispatch:\n\njobs:\n check:\n name: Check\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n - run: echo \"node_version=$(cat .github/nodejs.version)\" >> $GITHUB_ENV\n - name: \"use node ${{ env.node_version }}\"\n uses: actions/setup-node@v3\n with:\n node-version: \"${{ env.node_version }}\"\n\n - name: \"Install pnpm & dependencies\"\n uses: pnpm/action-setup@v4\n with:\n run_install: |\n - recursive: true\n - args: [--frozen-lockfile]\n\n - name: Lint check\n run: pnpm run lint\n - name: Format check\n run: pnpm run prettier\n - name: Unit & Integration tests\n run: pnpm run test\n - name: Smoke & Acceptance tests\n run: |\n pnpm run build-storybook --quiet\n pnpm playwright install\n pnpm dlx concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \\\n \"pnpm dlx http-server storybook-static --port 6006 --silent\" \\\n \"pnpm dlx wait-on tcp:127.0.0.1:6006 && pnpm run test-storybook\"\n" }, { "path": ".github/workflows/nextjs_bundle_analysis.yml", "content": "name: \"Next.js Bundle Analysis\"\n\non:\n push:\n branches:\n - main\n - develop\n pull_request:\n branches:\n - main\n - develop\n workflow_dispatch:\n\ndefaults:\n run:\n # change this if your nextjs app does not live at the root of the repo\n working-directory: ./\n\njobs:\n analyze:\n env:\n SKIP_ENV_VALIDATION: true\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n\n - name: Set up node\n uses: actions/setup-node@v3\n with:\n node-version: \"20.x\"\n\n - name: \"Install pnpm & dependencies\"\n uses: pnpm/action-setup@v4\n with:\n run_install: |\n - recursive: true\n - args: [--frozen-lockfile]\n\n # - name: Install dependencies\n # run: pnpm install --frozen-lockfile\n\n - name: Restore next build\n uses: actions/cache@v3\n id: restore-build-cache\n env:\n cache-name: cache-next-build\n with:\n path: .next/cache\n # change this if you prefer a more strict cache\n key: ${{ runner.os }}-build-${{ env.cache-name }}\n\n - name: Build next.js app\n env:\n SKIP_BUILD_PRODUCT_REDIRECTS: 1\n # change this if your site requires a custom build command\n run: pnpm build\n\n # Here's the first place where next-bundle-analysis' own script is used\n # This step pulls the raw bundle stats for the current bundle\n - name: Analyze bundle\n run: node report-bundle-size.js\n\n - name: Upload bundle\n uses: actions/upload-artifact@v4\n with:\n name: bundle\n path: .next/analyze/__bundle_analysis.json\n\n - name: Download base branch bundle stats\n uses: dawidd6/action-download-artifact@v8\n if: success() && github.event.number\n with:\n workflow: nextjs_bundle_analysis.yml\n branch: ${{ github.event.pull_request.base.ref }}\n path: .next/analyze/base\n\n # And here's the second place - this runs after we have both the current and\n # base branch bundle stats, and will compare them to determine what changed.\n # There are two configurable arguments that come from package.json:\n #\n # - budget: optional, set a budget (bytes) against which size changes are measured\n # it's set to 350kb here by default, as informed by the following piece:\n # https://infrequently.org/2021/03/the-performance-inequality-gap/\n #\n # - red-status-percentage: sets the percent size increase where you get a red\n # status indicator, defaults to 20%\n #\n # Either of these arguments can be changed or removed by editing the `nextBundleAnalysis`\n # entry in your package.json file.\n - name: Compare with base branch bundle\n if: success() && github.event.number\n run: ls -laR .next/analyze/base && npx -p nextjs-bundle-analysis compare\n\n - name: Get comment body\n id: get-comment-body\n if: success() && github.event.number\n uses: actions/github-script@v6\n with:\n result-encoding: string\n script: |\n const fs = require('fs')\n const comment = fs.readFileSync('.next/analyze/__bundle_analysis_comment.txt', 'utf8')\n core.setOutput('body', comment)\n\n - name: Find Comment\n uses: peter-evans/find-comment@v2\n if: success() && github.event.number\n id: fc\n with:\n issue-number: ${{ github.event.number }}\n body-includes: \"\"\n\n - name: Create Comment\n uses: peter-evans/create-or-update-comment@v3\n if: success() && github.event.number && steps.fc.outputs.comment-id == 0\n with:\n issue-number: ${{ github.event.number }}\n body: ${{ steps.get-comment-body.outputs.body }}\n\n - name: Update Comment\n uses: peter-evans/create-or-update-comment@v3\n if: success() && github.event.number && steps.fc.outputs.comment-id != 0\n with:\n issue-number: ${{ github.event.number }}\n body: ${{ steps.get-comment-body.outputs.body }}\n comment-id: ${{ steps.fc.outputs.comment-id }}\n edit-mode: replace\n" }, { "path": ".github/workflows/playwright.yml", "content": "name: Playwright Tests\non:\n push:\n branches:\n - main\n - master\n - develop\n pull_request: null\n workflow_dispatch: null\njobs:\n test:\n timeout-minutes: 60\n runs-on: ubuntu-latest\n steps:\n - uses: actions/checkout@v4\n - run: echo \"node_version=$(cat .github/nodejs.version)\" >> $GITHUB_ENV\n - name: \"use node ${{ env.node_version }}\"\n uses: actions/setup-node@v3\n with:\n node-version: \"${{ env.node_version }}\"\n\n - name: \"Install pnpm & dependencies\"\n uses: pnpm/action-setup@v4\n with:\n run_install: |\n - recursive: true\n - args: [--frozen-lockfile]\n\n - name: Install Playwright Browsers\n run: pnpm playwright install --with-deps\n\n - name: Run Playwright tests\n run: pnpm playwright test\n\n - uses: actions/upload-artifact@v4\n if: always()\n with:\n name: playwright-report\n path: playwright-report/\n retention-days: 30\n" }, { "path": ".gitignore", "content": "# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.\n\n# dependencies\nnode_modules\n.pnp\n.pnp.js\n\n# testing\ncoverage\n\n# next.js\n.next/\nout/\nbuild\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.env.local\n.env.development.local\n.env.test.local\n.env.production.local\nstorybook-static/\n/test-results/\n/playwright-report/\n/playwright/.cache/\n\n/.npm-only-allow\n.pnpm-store/" }, { "path": ".pre-commit-config.yaml", "content": "repos:\n - repo: https://github.com/qoomon/git-conventional-commits\n rev: v2.6.3\n hooks:\n - id: conventional-commits\n" }, { "path": ".prettierignore", "content": ".next\nnode_modules" }, { "path": ".releaserc", "content": "{\n branches: [\"main\"],\n \"plugins\":\n [\n [\"@semantic-release/npm\", { \"npmPublish\": false }],\n \"@semantic-release/release-notes-generator\",\n \"@semantic-release/github\",\n \"@semantic-release/commit-analyzer\",\n \"@semantic-release/git\",\n \"@semantic-release/changelog\",\n ],\n}\n" }, { "path": ".storybook/main.ts", "content": "import type { StorybookConfig } from \"@storybook/nextjs\"\nconst config: StorybookConfig = {\n stories: [\"../components/**/*.stories.mdx\", \"../components/**/*.stories.@(js|jsx|ts|tsx)\"],\n addons: [\"@storybook/addon-links\", \"@storybook/addon-essentials\", \"@storybook/addon-interactions\"],\n framework: {\n name: \"@storybook/nextjs\",\n options: {},\n },\n docs: {\n autodocs: \"tag\",\n },\n typescript: {\n check: false,\n checkOptions: {},\n reactDocgen: false,\n reactDocgenTypescriptOptions: {\n shouldExtractLiteralValuesFromEnum: true,\n propFilter: (prop) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),\n },\n },\n}\nexport default config\n" }, { "path": ".storybook/preview.ts", "content": "import type { Preview } from \"@storybook/react\"\n\nimport \"../styles/tailwind.css\"\n\nconst preview: Preview = {\n parameters: {\n actions: { argTypesRegex: \"^on[A-Z].*\" },\n controls: {\n matchers: {\n color: /(background|color)$/i,\n date: /Date$/,\n },\n },\n },\n}\n\nexport default preview\n" }, { "path": ".vscode/settings.json", "content": "{\n \"tailwindCSS.experimental.classRegex\": [\n [\"cva(?:<[^>]*>)?(([^)]*))\", \"[\\\"'`]([^\\\"'`]*).*?[\\\"'`]\", \"(?:twMerge|twJoin)\\\\(([^\\\\);]*)[\\\\);]\"]\n ]\n}\n" }, { "path": "LICENSE", "content": "MIT License\n\nCopyright (c) 2023 Blazity\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": "README.md", "content": "\n# [Next.js Enterprise Boilerplate](https://blazity.com/open-source/nextjs-enterprise-boilerplate) \n\nA production-ready template for building enterprise applications with Next.js. This boilerplate provides a solid foundation with carefully selected technologies and ready-to-go infrastructure to help you develop high-quality applications efficiently.\n\n## Motivation\n\nWhile most Next.js boilerplates focus on individual developer needs with excessive complexity, **next-enterprise** prioritizes strategic simplicity for enterprise teams. It offers a streamlined foundation with high-impact features that maximize developer productivity and accelerate time-to-market for business-critical applications.\n\n\n\n \n \n \"Logo\"\n\n\n\n> [!NOTE]\n> **Blazity** is a group of Next.js architects. We help organizations architect, optimize, and deploy high-performance Next.js applications at scale. Contact us at [contact@blazity.com](https://blazity.com) if you’d like to talk about your project.\n\n\n\n## Documentation\n\nThere is a separate documentation that explains its functionality, highlights core business values and technical decisions, provides guidelines for future development, and includes architectural diagrams.\n\nWe encourage you to [visit our docs (docs.blazity.com)](https://docs.blazity.com) to learn more\n\n## Integrated features\n\n### Boilerplate\nWith this template you will get all the boilerplate features included:\n\n* [Next.js 15](https://nextjs.org/) - Performance-optimized configuration using App Directory\n* [Tailwind CSS v4](https://tailwindcss.com/) - Utility-first CSS framework for efficient UI development\n* [ESlint 9](https://eslint.org/) and [Prettier](https://prettier.io/) - Code consistency and error prevention\n* [Corepack](https://github.com/nodejs/corepack) & [pnpm](https://pnpm.io/) as the package manager - For project management without compromises \n* [Strict TypeScript](https://www.typescriptlang.org/) - Enhanced type safety with carefully crafted config and [ts-reset](https://github.com/total-typescript/ts-reset) library\n* [GitHub Actions](https://github.com/features/actions) - Pre-configured workflows including bundle size and performance tracking\n* Perfect Lighthouse score - Optimized performance metrics\n* [Bundle analyzer](https://www.npmjs.com/package/@next/bundle-analyzer) - Monitor and manage bundle size during development\n* Testing suite - [Vitest](https://vitest.dev), [React Testing Library](https://testing-library.com/react), and [Playwright](https://playwright.dev/) for comprehensive testing\n* [Storybook](https://storybook.js.org/) - Component development and documentation\n* Advanced testing - Smoke and acceptance testing capabilities\n* [Conventional commits](https://www.conventionalcommits.org/) - Standardized commit history management\n* [Observability](https://opentelemetry.io/) - Open Telemetry integration\n* [Absolute imports](https://nextjs.org/docs/advanced-features/module-path-aliases) - Simplified import structure\n* [Health checks](https://kubernetes.io/docs/tasks/configure-pod-container/configure-liveness-readiness-startup-probes/) - Kubernetes-compatible monitoring\n* [Radix UI](https://www.radix-ui.com/) - Headless components for customization\n* [CVA](http://cva.style/) (Class Variance Authority) - Consistent design system creation\n* [Renovate BOT](https://www.whitesourcesoftware.com/free-developer-tools/renovate) - Automated dependency and security updates\n* [Patch-package](https://www.npmjs.com/package/patch-package) - External dependency fixes without compromises\n* Component relationship tools - Graph for managing coupling and cohesion\n* [Semantic Release](https://github.com/semantic-release/semantic-release) - Automated changelog generation\n* [T3 Env](https://env.t3.gg/) - Streamlined environment variable management\n\n### Infrastructure & deployments\n\n#### Vercel\n\nEasily deploy your Next.js app with [Vercel](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=github&utm_campaign=next-enterprise) by clicking the button below:\n\n[![Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/Blazity/next-enterprise)\n\n#### Custom cloud infrastructure\n\n**next-enterprise** offers dedicated infrastructure as code (IaC) solutions built with Terraform, designed specifically for deploying Next.js applications based on our extensive experience working with enterprise clients.\n\nLearn more in our [documentation (docs.blazity.com)][docs] how to quickstart with the deployments using simple CLI.\n\n#### Available cloud providers and theirs features:\n\n* **AWS (Amazon Web Services)**\n * Automated provisioning of AWS infrastructure\n * Scalable & secure setup using:\n * VPC - Isolated network infrastructure\n * Elastic Container Service (ECS) - Container orchestration\n * Elastic Container Registry (ECR) - Container image storage\n * Application Load Balancer - Traffic distribution\n * S3 + CloudFront - Static asset delivery and caching\n * AWS WAF - Web Application Firewall protection\n * Redis Cluster - Caching\n * CI/CD ready - Continuous integration and deployment pipeline\n\n*... more coming soon*\n\n### Team & maintenance\n\n**next-enterprise** is backed and maintained by [Blazity](https://blazity.com), providing up to date security features and integrated feature updates.\n\n#### Active maintainers\n\n- Igor Klepacki ([neg4n](https://github.com/neg4n)) - Open Source Software Developer\n- Tomasz Czechowski ([tomaszczechowski](https://github.com/tomaszczechowski)) - Solutions Architect & DevOps\n- Jakub Jabłoński ([jjablonski-it](https://github.com/jjablonski-it)) - Head of Integrations\n\n#### All-time contributors\n[bmstefanski](https://github.com/bmstefanski)\n\n## License\n\nMIT\n\n\n[docs]: https://docs.blazity.com/next-enterprise/deployments/enterprise-cli\n" }, { "path": "app/api/health/route.ts", "content": "export async function GET() {\n return Response.json({ status: \"ok\" })\n}\n" }, { "path": "app/layout.tsx", "content": "import \"styles/tailwind.css\"\n\nexport default function RootLayout({ children }: { children: React.ReactNode }) {\n return (\n \n {children}\n \n )\n}\n" }, { "path": "app/page.tsx", "content": "import { Metadata } from \"next\"\nimport { Button } from \"components/Button/Button\"\n\nimport { LP_GRID_ITEMS } from \"lp-items\"\n\nexport const metadata: Metadata = {\n title: \"Next.js Enterprise Boilerplate\",\n twitter: {\n card: \"summary_large_image\",\n },\n openGraph: {\n url: \"https://next-enterprise.vercel.app/\",\n images: [\n {\n width: 1200,\n height: 630,\n url: \"https://raw.githubusercontent.com/Blazity/next-enterprise/main/.github/assets/project-logo.png\",\n },\n ],\n },\n}\n\nexport default function Web() {\n return (\n <>\n
\n
\n
\n

\n Next.js Enterprise Boilerplate\n

\n

\n Jumpstart your enterprise project with our feature-packed, high-performance Next.js boilerplate!\n Experience rapid UI development, AI-powered code reviews, and an extensive suite of tools for a smooth and\n enjoyable development process.\n

\n \n \n Deploy Now\n \n
\n
\n
\n
\n
\n
\n {LP_GRID_ITEMS.map((singleItem) => (\n
\n
\n {singleItem.icon}\n
\n

{singleItem.title}

\n

{singleItem.description}

\n
\n ))}\n
\n
\n
\n \n )\n}\n" }, { "path": "components/Button/Button.stories.tsx", "content": "import type { Meta, StoryObj } from \"@storybook/react\"\nimport { Button } from \"./Button\"\n\nconst meta: Meta = {\n title: \"Button\",\n component: Button,\n args: {\n intent: \"primary\",\n underline: false,\n children: \"Button\",\n size: \"lg\",\n },\n argTypes: {\n intent: {\n options: [\"primary\", \"secondary\"],\n control: { type: \"select\" },\n },\n size: {\n options: [\"sm\", \"lg\"],\n control: { type: \"select\" },\n },\n },\n}\n\ntype Story = StoryObj\n\nexport const Default: Story = {\n render: (args) => )\n expect(screen.getByText(\"Click me\")).toBeInTheDocument()\n })\n\n it(\"applies correct intent classes\", () => {\n const { container } = render(\n \n )\n const link = container.querySelector(\"a\")\n expect(link).toHaveClass(\"bg-transparent\")\n expect(link).toHaveClass(\"text-blue-400\")\n })\n\n it(\"applies correct size classes\", () => {\n const { container } = render(\n \n )\n const link = container.querySelector(\"a\")\n expect(link).toHaveClass(\"text-sm\")\n expect(link).toHaveClass(\"min-w-20\")\n })\n})\n" }, { "path": "components/Button/Button.tsx", "content": "import { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { twMerge } from \"tailwind-merge\"\n\nconst button = cva(\n [\n \"justify-center\",\n \"inline-flex\",\n \"items-center\",\n \"rounded-xl\",\n \"text-center\",\n \"border\",\n \"border-blue-400\",\n \"transition-colors\",\n \"delay-50\",\n ],\n {\n variants: {\n intent: {\n primary: [\"bg-blue-400\", \"text-white\", \"hover:enabled:bg-blue-700\"],\n secondary: [\"bg-transparent\", \"text-blue-400\", \"hover:enabled:bg-blue-400\", \"hover:enabled:text-white\"],\n },\n size: {\n sm: [\"min-w-20\", \"h-full\", \"min-h-10\", \"text-sm\", \"py-1.5\", \"px-4\"],\n lg: [\"min-w-32\", \"h-full\", \"min-h-12\", \"text-lg\", \"py-2.5\", \"px-6\"],\n },\n underline: { true: [\"underline\"], false: [] },\n },\n defaultVariants: {\n intent: \"primary\",\n size: \"lg\",\n },\n }\n)\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes, VariantProps {\n underline?: boolean\n href: string\n}\n\nexport function Button({ className, intent, size, underline, ...props }: ButtonProps) {\n return (\n \n {props.children}\n \n )\n}\n" }, { "path": "components/Tooltip/Tooltip.tsx", "content": "\"use client\"\n\nimport * as RadixTooltip from \"@radix-ui/react-tooltip\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport React from \"react\"\nimport { twMerge } from \"tailwind-merge\"\n\nconst tooltipContent = cva([], {\n variants: {\n intent: {\n primary: [\"rounded-md\", \"bg-zinc-700\", \"font-sans\", \"text-white\"],\n },\n size: {\n md: [\"px-4\", \"py-2.5\", \"text-xs\"],\n },\n },\n defaultVariants: {\n intent: \"primary\",\n size: \"md\",\n },\n})\n\nconst tooltipArrow = cva([], {\n variants: {\n intent: {\n primary: [\"fill-zinc-700\"],\n },\n size: {\n md: [\"w-4\", \"h-2\"],\n },\n },\n defaultVariants: {\n intent: \"primary\",\n size: \"md\",\n },\n})\n\nexport interface TooltipProps extends VariantProps, RadixTooltip.TooltipProps {\n explainer: React.ReactElement | string\n children: React.ReactElement\n className?: string\n withArrow?: boolean\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}\n\nexport function Tooltip({\n children,\n explainer,\n open,\n defaultOpen,\n onOpenChange,\n intent,\n size,\n side = \"top\",\n className,\n withArrow,\n}: TooltipProps) {\n return (\n \n \n {children}\n \n \n {explainer}\n {withArrow ? : null}\n \n \n \n \n )\n}\n" }, { "path": "e2e/example.spec.ts", "content": "import { expect, test } from \"@playwright/test\"\n\ntest(\"has title\", async ({ page }) => {\n await page.goto(\"./\")\n\n await expect(page).toHaveTitle(/Next.js Enterprise Boilerplate/)\n})\n" }, { "path": "env.mjs", "content": "import { createEnv } from \"@t3-oss/env-nextjs\"\nimport { z } from \"zod\"\n\nexport const env = createEnv({\n server: {\n ANALYZE: z\n .enum([\"true\", \"false\"])\n .optional()\n .transform((value) => value === \"true\"),\n },\n client: {},\n runtimeEnv: {\n ANALYZE: process.env.ANALYZE,\n },\n})\n" }, { "path": "eslint.config.mjs", "content": "import * as fs from \"fs\"\n\n// https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/381\n// import eslintPluginTailwindcss from \"eslint-plugin-tailwindcss\"\nimport eslintPluginImport from \"eslint-plugin-import\"\nimport eslintPluginNext from \"@next/eslint-plugin-next\"\nimport eslintPluginStorybook from \"eslint-plugin-storybook\"\nimport typescriptEslint from \"typescript-eslint\"\n\nconst eslintIgnore = [\n \".git/\",\n \".next/\",\n \"node_modules/\",\n \"dist/\",\n \"build/\",\n \"coverage/\",\n \"*.min.js\",\n \"*.config.js\",\n \"*.d.ts\",\n]\n\nconst config = typescriptEslint.config(\n {\n ignores: eslintIgnore,\n },\n ...eslintPluginStorybook.configs[\"flat/recommended\"],\n // https://github.com/francoismassart/eslint-plugin-tailwindcss/pull/381\n // ...eslintPluginTailwindcss.configs[\"flat/recommended\"],\n typescriptEslint.configs.recommended,\n eslintPluginImport.flatConfigs.recommended,\n {\n plugins: {\n \"@next/next\": eslintPluginNext,\n },\n rules: {\n ...eslintPluginNext.configs.recommended.rules,\n ...eslintPluginNext.configs[\"core-web-vitals\"].rules,\n },\n },\n {\n settings: {\n tailwindcss: {\n callees: [\"classnames\", \"clsx\", \"ctl\", \"cn\", \"cva\"],\n },\n\n \"import/resolver\": {\n typescript: true,\n node: true,\n },\n },\n rules: {\n \"@typescript-eslint/no-unused-vars\": [\n \"warn\",\n {\n argsIgnorePattern: \"^_\",\n varsIgnorePattern: \"^_\",\n },\n ],\n \"sort-imports\": [\n \"error\",\n {\n ignoreCase: true,\n ignoreDeclarationSort: true,\n },\n ],\n \"import/order\": [\n \"warn\",\n {\n groups: [\"external\", \"builtin\", \"internal\", \"sibling\", \"parent\", \"index\"],\n pathGroups: [\n ...getDirectoriesToSort().map((singleDir) => ({\n pattern: `${singleDir}/**`,\n group: \"internal\",\n })),\n {\n pattern: \"env\",\n group: \"internal\",\n },\n {\n pattern: \"theme\",\n group: \"internal\",\n },\n {\n pattern: \"public/**\",\n group: \"internal\",\n position: \"after\",\n },\n ],\n pathGroupsExcludedImportTypes: [\"internal\"],\n alphabetize: {\n order: \"asc\",\n caseInsensitive: true,\n },\n },\n ],\n },\n }\n)\n\nfunction getDirectoriesToSort() {\n const ignoredSortingDirectories = [\".git\", \".next\", \".vscode\", \"node_modules\"]\n return fs\n .readdirSync(process.cwd())\n .filter((file) => fs.statSync(process.cwd() + \"/\" + file).isDirectory())\n .filter((f) => !ignoredSortingDirectories.includes(f))\n}\n\nexport default config\n" }, { "path": "git-conventional-commits.yaml", "content": "---\nconvention:\n commitTypes:\n - feat\n - fix\n - perf\n - refactor\n - style\n - test\n - build\n - ops\n - docs\n - chore\n - merge\n - revert\n commitScopes: []\n releaseTagGlobPattern: v[0-9]*.[0-9]*.[0-9]*\nchangelog:\n commitTypes:\n - feat\n - fix\n - perf\n - merge\n includeInvalidCommits: true\n commitIgnoreRegexPattern: \"^WIP \"\n headlines:\n feat: Features\n fix: Bug Fixes\n perf: Performance Improvements\n merge: Merges\n breakingChange: BREAKING CHANGES\n\n ## GitHub\n # commitUrl: https://github.com/ACCOUNT/REPOSITORY/commit/%commit%\n # commitRangeUrl: https://github.com/ACCOUNT/REPOSITORY/compare/%from%...%to%?diff=split\n\n ## GitHub Issues\n # issueRegexPattern: \"#[0-9]+\"\n # issueUrl: https://github.com/ACCOUNT/REPOSITORY/issues/%issue%\n\n ## Jira Issues\n # issueRegexPattern: \"[A-Z][A-Z0-9]+-[0-9]+\"\n # issueUrl: https://WORKSPACE.atlassian.net/browse/%issue%\n" }, { "path": "instrumentation.ts", "content": "import { registerOTel } from \"@vercel/otel\"\n\nexport function register() {\n registerOTel(\"next-app\")\n}\n" }, { "path": "lp-items.tsx", "content": "export const LP_GRID_ITEMS = [\n {\n title: \"Next.js\",\n description: \"Fast by default, with config optimized for performance.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Tailwind CSS\",\n description: \"A utility-first CSS framework for rapid UI development.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"ESlint & Prettier\",\n description: \"For clean, consistent, and error-free code.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Extremely strict TypeScript\",\n description: \"With `ts-reset` library for ultimate type safety.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Bundle analyzer plugin\",\n description: \"Keep an eye on your bundle size.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Vitest & React Testing Library\",\n description: \"For rock-solid unit and integration tests.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Playwright\",\n description: \"Write end-to-end tests like a pro.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Storybook\",\n description: \"Create, test, and showcase your components.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Smoke Testing & Acceptance Tests\",\n description: \"For confidence in your deployments.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Conventional commits git hook\",\n description: \"Keep your commit history neat and tidy.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Observability\",\n description: \"Open Telemetry integration for seamless monitoring.\",\n icon: (\n \n \n \n \n ),\n },\n {\n title: \"Absolute imports\",\n description: \"No more spaghetti imports.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Health checks\",\n description: \"Kubernetes-compatible for robust deployments.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Radix UI\",\n description: \"Headless UI components for endless customization.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"CVA\",\n description: \"Create a consistent, reusable, and atomic design system.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Renovate BOT\",\n description: \"Auto-updating dependencies, so you can focus on coding.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Patch-package\",\n description: \"Fix external dependencies without losing your mind.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Components coupling & cohesion graph\",\n description: \"A tool for managing component relationships.\",\n icon: (\n \n \n \n \n ),\n },\n {\n title: \"GitHub Actions\",\n description: \"Pre-configured actions for smooth workflows, including Bundle Size and performance stats.\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Automated ChatGPT Code Reviews\",\n description: \"Stay on the cutting edge with AI-powered code reviews!\",\n icon: (\n \n \n \n ),\n },\n {\n title: \"Semantic Release\",\n description: \"For automatic changelog generation.\",\n icon: (\n \n \n \n ),\n },\n]\n" }, { "path": "next-env.d.ts", "content": "/// \n/// \n\n// NOTE: This file should not be edited\n// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.\n" }, { "path": "next.config.ts", "content": "import withBundleAnalyzer from \"@next/bundle-analyzer\"\nimport { type NextConfig } from \"next\"\n\nimport { env } from \"./env.mjs\"\n\nconst config: NextConfig = {\n reactStrictMode: true,\n logging: {\n fetches: {\n fullUrl: true,\n },\n },\n rewrites: async () => [\n { source: \"/healthz\", destination: \"/api/health\" },\n { source: \"/api/healthz\", destination: \"/api/health\" },\n { source: \"/health\", destination: \"/api/health\" },\n { source: \"/ping\", destination: \"/api/health\" },\n ],\n}\n\nexport default env.ANALYZE ? withBundleAnalyzer({ enabled: env.ANALYZE })(config) : config\n" }, { "path": "package.json", "content": "{\n \"name\": \"next-enterprise\",\n \"version\": \"0.0.0\",\n \"private\": true,\n \"scripts\": {\n \"dev\": \"cross-env FORCE_COLOR=1 next dev --turbo\",\n \"build\": \"next build\",\n \"start\": \"next start\",\n \"lint\": \"next lint\",\n \"lint:fix\": \"next lint --fix\",\n \"prettier\": \"prettier --check \\\"**/*.{js,jsx,ts,tsx}\\\"\",\n \"prettier:fix\": \"prettier --write \\\"**/*.{js,jsx,ts,tsx}\\\"\",\n \"analyze\": \"cross-env ANALYZE=true pnpm run build\",\n \"storybook\": \"cross-env FORCE_COLOR=1 storybook dev -p 6006\",\n \"test-storybook\": \"cross-env FORCE_COLOR=1 test-storybook\",\n \"build-storybook\": \"cross-env FORCE_COLOR=1 storybook build\",\n \"test\": \"cross-env FORCE_COLOR=1 vitest\",\n \"test:watch\": \"cross-env FORCE_COLOR=1 vitest --watch\",\n \"test:ui\": \"cross-env FORCE_COLOR=1 vitest --ui\",\n \"test:coverage\": \"cross-env FORCE_COLOR=1 vitest --coverage\",\n \"e2e:headless\": \"playwright test\",\n \"e2e:ui\": \"playwright test --ui\",\n \"format\": \"prettier --write \\\"**/*.{ts,tsx,md}\\\"\",\n \"postinstall\": \"npx patch-package -y\",\n \"coupling-graph\": \"npx madge --extensions js,jsx,ts,tsx,css,md,mdx ./ --exclude '.next|tailwind.config.js|reset.d.ts|prettier.config.js|postcss.config.js|playwright.config.ts|next.config.js|next-env.d.ts|instrumentation.ts|e2e/|README.md|.storybook/|.eslintrc.js' --image graph.svg\"\n },\n \"dependencies\": {\n \"@next/bundle-analyzer\": \"^15.3.1\",\n \"@radix-ui/react-accordion\": \"^1.2.12\",\n \"@radix-ui/react-checkbox\": \"^1.3.3\",\n \"@radix-ui/react-dialog\": \"^1.1.15\",\n \"@radix-ui/react-dropdown-menu\": \"^2.1.16\",\n \"@radix-ui/react-form\": \"^0.1.8\",\n \"@radix-ui/react-label\": \"^2.1.8\",\n \"@radix-ui/react-popover\": \"^1.1.15\",\n \"@radix-ui/react-radio-group\": \"^1.3.8\",\n \"@radix-ui/react-scroll-area\": \"^1.2.10\",\n \"@radix-ui/react-select\": \"^2.2.6\",\n \"@radix-ui/react-slider\": \"^1.3.6\",\n \"@radix-ui/react-switch\": \"^1.2.6\",\n \"@radix-ui/react-tabs\": \"^1.1.13\",\n \"@radix-ui/react-toggle-group\": \"^1.1.11\",\n \"@radix-ui/react-tooltip\": \"^1.2.8\",\n \"@semantic-release/changelog\": \"^6.0.3\",\n \"@semantic-release/commit-analyzer\": \"^13.0.1\",\n \"@semantic-release/git\": \"^10.0.1\",\n \"@semantic-release/github\": \"^12.0.6\",\n \"@semantic-release/npm\": \"^13.1.5\",\n \"@semantic-release/release-notes-generator\": \"^14.1.0\",\n \"@t3-oss/env-nextjs\": \"^0.13.10\",\n \"@vercel/otel\": \"^1.12.0\",\n \"class-variance-authority\": \"^0.7.1\",\n \"lodash\": \"^4.17.23\",\n \"next\": \"15.5.10\",\n \"react\": \"^19.2.4\",\n \"react-dom\": \"^19.2.4\",\n \"tailwind-merge\": \"^3.5.0\",\n \"zod\": \"^3.24.4\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.29.0\",\n \"@babel/plugin-syntax-flow\": \"^7.28.6\",\n \"@babel/plugin-transform-optional-chaining\": \"^7.28.6\",\n \"@babel/plugin-transform-react-jsx\": \"^7.28.6\",\n \"@eslint/eslintrc\": \"^3.3.5\",\n \"@next/eslint-plugin-next\": \"15.1.6\",\n \"@opentelemetry/api\": \"1.7.0\",\n \"@opentelemetry/resources\": \"1.18.1\",\n \"@opentelemetry/sdk-node\": \"0.45.1\",\n \"@opentelemetry/sdk-trace-node\": \"1.18.1\",\n \"@opentelemetry/semantic-conventions\": \"1.40.0\",\n \"@playwright/test\": \"^1.58.2\",\n \"@storybook/addon-controls\": \"^8.6.14\",\n \"@storybook/addon-essentials\": \"^8.6.14\",\n \"@storybook/addon-interactions\": \"^8.6.14\",\n \"@storybook/addon-links\": \"^8.6.14\",\n \"@storybook/blocks\": \"^8.6.14\",\n \"@storybook/nextjs\": \"^8.6.14\",\n \"@storybook/react\": \"^8.6.14\",\n \"@storybook/test\": \"^8.6.18\",\n \"@storybook/test-runner\": \"^0.21.3\",\n \"@tailwindcss/postcss\": \"^4.2.1\",\n \"@testing-library/jest-dom\": \"^6.9.1\",\n \"@testing-library/react\": \"^16.3.2\",\n \"@total-typescript/ts-reset\": \"^0.6.1\",\n \"@types/node\": \"^22.15.0\",\n \"@types/react\": \"^19.2.14\",\n \"@types/react-dom\": \"^19.2.3\",\n \"@typescript-eslint/eslint-plugin\": \"^8.57.1\",\n \"@vitejs/plugin-react\": \"^4.7.0\",\n \"@vitest/ui\": \"^3.2.4\",\n \"all-contributors-cli\": \"^6.26.1\",\n \"cross-env\": \"^7.0.3\",\n \"eslint\": \"^9.26.0\",\n \"eslint-config-next\": \"15.1.6\",\n \"eslint-config-prettier\": \"^10.1.8\",\n \"eslint-plugin-import\": \"^2.32.0\",\n \"eslint-plugin-storybook\": \"^0.11.6\",\n \"eslint-plugin-tailwindcss\": \"^3.18.2\",\n \"fetch-mock\": \"^12.6.0\",\n \"gzip-size\": \"6.0.0\",\n \"jsdom\": \"^26.1.0\",\n \"mkdirp\": \"^3.0.1\",\n \"patch-package\": \"^8.0.1\",\n \"postcss\": \"^8.5.8\",\n \"postcss-import\": \"^16.1.1\",\n \"postinstall-postinstall\": \"^2.1.0\",\n \"prettier\": \"^3.8.1\",\n \"prettier-plugin-tailwindcss\": \"^0.7.2\",\n \"semantic-release\": \"^25.0.3\",\n \"storybook\": \"^8.6.18\",\n \"tailwindcss\": \"^4.2.1\",\n \"tsc\": \"^2.0.4\",\n \"typed-query-selector\": \"^2.12.1\",\n \"typescript\": \"^5.9.3\",\n \"typescript-eslint\": \"^8.57.1\",\n \"vite-tsconfig-paths\": \"^5.1.4\",\n \"vitest\": \"^3.2.4\",\n \"webpack\": \"5.99.9\"\n },\n \"engines\": {\n \"node\": \">=20.0.0\"\n },\n \"packageManager\": \"pnpm@10.0.0\",\n \"pnpm\": {\n \"overrides\": {\n \"tmp@<=0.2.3\": \">=0.2.4\"\n }\n }\n}\n" }, { "path": "playwright.config.ts", "content": "import { defineConfig, devices } from \"@playwright/test\"\n\n/**\n * Read environment variables from file.\n * https://github.com/motdotla/dotenv\n */\n// require('dotenv').config();\n\n/**\n * See https://playwright.dev/docs/test-configuration.\n */\nexport default defineConfig({\n testDir: \"./e2e\",\n /* Run tests in files in parallel */\n fullyParallel: true,\n /* Fail the build on CI if you accidentally left test.only in the source code. */\n forbidOnly: !!process.env.CI,\n /* Retry on CI only */\n retries: process.env.CI ? 2 : 0,\n /* Opt out of parallel tests on CI. */\n workers: process.env.CI ? 1 : undefined,\n /* Reporter to use. See https://playwright.dev/docs/test-reporters */\n reporter: \"html\",\n /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */\n use: {\n /* Base URL to use in actions like `await page.goto('/')`. */\n baseURL: \"http://127.0.0.1:3000\",\n\n /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */\n trace: \"on-first-retry\",\n },\n\n /* Configure projects for major browsers */\n projects: [\n {\n name: \"chromium\",\n use: { ...devices[\"Desktop Chrome\"] },\n },\n\n {\n name: \"firefox\",\n use: { ...devices[\"Desktop Firefox\"] },\n },\n\n {\n name: \"webkit\",\n use: { ...devices[\"Desktop Safari\"] },\n },\n\n /* Test against mobile viewports. */\n // {\n // name: 'Mobile Chrome',\n // use: { ...devices['Pixel 5'] },\n // },\n // {\n // name: 'Mobile Safari',\n // use: { ...devices['iPhone 12'] },\n // },\n\n /* Test against branded browsers. */\n // {\n // name: 'Microsoft Edge',\n // use: { ...devices['Desktop Edge'], channel: 'msedge' },\n // },\n // {\n // name: 'Google Chrome',\n // use: { ..devices['Desktop Chrome'], channel: 'chrome' },\n // },\n ],\n\n /* Run your local dev server before starting the tests */\n webServer: {\n command: \"pnpm dev\",\n url: \"http://127.0.0.1:3000\",\n reuseExistingServer: !process.env.CI,\n },\n})\n" }, { "path": "postcss.config.js", "content": "module.exports = {\n plugins: {\n \"postcss-import\": {},\n \"@tailwindcss/postcss\": {},\n },\n}\n" }, { "path": "prettier.config.js", "content": "module.exports = {\n plugins: [\"prettier-plugin-tailwindcss\"],\n trailingComma: \"es5\",\n tabWidth: 2,\n printWidth: 120,\n semi: false,\n}\n" }, { "path": "renovate.json", "content": "{\n \"$schema\": \"https://docs.renovatebot.com/renovate-schema.json\",\n \"extends\": [\n \"config:base\"\n ],\n \"packageRules\": [\n {\n \"enabled\": false,\n \"matchPackagePatterns\": [\"*\"]\n }\n ],\n \"vulnerabilityAlerts\": {\n \"enabled\": true\n },\n \"osvVulnerabilityAlerts\": true\n}\n" }, { "path": "report-bundle-size.js", "content": "#!/usr/bin/env node\n/* eslint-disable no-console */\n/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\n// edited to work with the appdir by @raphaelbadia\n\nconst gzSize = require(\"gzip-size\")\nconst mkdirp = require(\"mkdirp\")\nconst fs = require(\"fs\")\nconst path = require(\"path\")\n\n// Pull options from `package.json`\nconst options = getOptions()\nconst BUILD_OUTPUT_DIRECTORY = getBuildOutputDirectory(options)\n\n// first we check to make sure that the build output directory exists\nconst nextMetaRoot = path.join(process.cwd(), BUILD_OUTPUT_DIRECTORY)\ntry {\n fs.accessSync(nextMetaRoot, fs.constants.R_OK)\n} catch (err) {\n console.error(\n `No build output found at \"${nextMetaRoot}\" - you may not have your working directory set correctly, or not have run \"next build\".`\n )\n process.exit(1)\n}\n\n// if so, we can import the build manifest\nconst buildMeta = require(path.join(nextMetaRoot, \"build-manifest.json\"))\nconst appDirMeta = require(path.join(nextMetaRoot, \"app-build-manifest.json\"))\n\n// this memory cache ensures we dont read any script file more than once\n// bundles are often shared between pages\nconst memoryCache = {}\n\n// since _app is the template that all other pages are rendered into,\n// every page must load its scripts. we'll measure its size here\nconst globalBundle = buildMeta.pages[\"/_app\"]\nconst globalBundleSizes = getScriptSizes(globalBundle)\n\n// next, we calculate the size of each page's scripts, after\n// subtracting out the global scripts\nconst allPageSizes = Object.values(buildMeta.pages).reduce((acc, scriptPaths, i) => {\n const pagePath = Object.keys(buildMeta.pages)[i]\n const scriptSizes = getScriptSizes(scriptPaths.filter((scriptPath) => !globalBundle.includes(scriptPath)))\n\n acc[pagePath] = scriptSizes\n\n return acc\n}, {})\n\nconst globalAppDirBundle = buildMeta.rootMainFiles\nconst globalAppDirBundleSizes = getScriptSizes(globalAppDirBundle)\n\nconst allAppDirSizes = Object.values(appDirMeta.pages).reduce((acc, scriptPaths, i) => {\n const pagePath = Object.keys(appDirMeta.pages)[i]\n const scriptSizes = getScriptSizes(scriptPaths.filter((scriptPath) => !globalAppDirBundle.includes(scriptPath)))\n acc[pagePath] = scriptSizes\n\n return acc\n}, {})\n\n// format and write the output\nconst rawData = JSON.stringify({\n ...allAppDirSizes,\n __global: globalAppDirBundleSizes,\n})\n\n// log ouputs to the gh actions panel\nconsole.log(rawData)\n\nmkdirp.sync(path.join(nextMetaRoot, \"analyze/\"))\nfs.writeFileSync(path.join(nextMetaRoot, \"analyze/__bundle_analysis.json\"), rawData)\n\n// --------------\n// Util Functions\n// --------------\n\n// given an array of scripts, return the total of their combined file sizes\nfunction getScriptSizes(scriptPaths) {\n const res = scriptPaths.reduce(\n (acc, scriptPath) => {\n const [rawSize, gzipSize] = getScriptSize(scriptPath)\n acc.raw += rawSize\n acc.gzip += gzipSize\n\n return acc\n },\n { raw: 0, gzip: 0 }\n )\n\n return res\n}\n\n// given an individual path to a script, return its file size\nfunction getScriptSize(scriptPath) {\n const encoding = \"utf8\"\n const p = path.join(nextMetaRoot, scriptPath)\n\n let rawSize, gzipSize\n if (Object.keys(memoryCache).includes(p)) {\n rawSize = memoryCache[p][0]\n gzipSize = memoryCache[p][1]\n } else {\n const textContent = fs.readFileSync(p, encoding)\n rawSize = Buffer.byteLength(textContent, encoding)\n gzipSize = gzSize.sync(textContent)\n memoryCache[p] = [rawSize, gzipSize]\n }\n\n return [rawSize, gzipSize]\n}\n\n/**\n * Reads options from `package.json`\n */\nfunction getOptions(pathPrefix = process.cwd()) {\n const pkg = require(path.join(pathPrefix, \"package.json\"))\n\n return { ...pkg.nextBundleAnalysis, name: pkg.name }\n}\n\n/**\n * Gets the output build directory, defaults to `.next`\n *\n * @param {object} options the options parsed from package.json.nextBundleAnalysis using `getOptions`\n * @returns {string}\n */\nfunction getBuildOutputDirectory(options) {\n return options.buildOutputDirectory || \".next\"\n}\n" }, { "path": "reset.d.ts", "content": "import \"@total-typescript/ts-reset\"\nimport \"typed-query-selector/strict\"\n" }, { "path": "styles/tailwind.css", "content": "@import 'tailwindcss';\n\n/*\n The default border color has changed to `currentColor` in Tailwind CSS v4,\n so we've added these compatibility styles to make sure everything still\n looks the same as it did with Tailwind CSS v3.\n\n If we ever want to remove these styles, we need to add an explicit border\n color utility to any element that depends on these defaults.\n*/\n@layer base {\n *,\n ::after,\n ::before,\n ::backdrop,\n ::file-selector-button {\n border-color: var(--color-gray-200, currentColor);\n }\n}\n" }, { "path": "tsconfig.json", "content": "{\n \"$schema\": \"https://json.schemastore.org/tsconfig\",\n \"display\": \"Next.js\",\n \"compilerOptions\": {\n \"target\": \"es5\",\n \"lib\": [\"dom\", \"dom.iterable\", \"esnext\"],\n \"allowJs\": true,\n \"skipLibCheck\": true,\n \"strict\": true,\n \"noUncheckedIndexedAccess\": true,\n \"forceConsistentCasingInFileNames\": true,\n \"noEmit\": true,\n \"esModuleInterop\": true,\n \"module\": \"esnext\",\n \"moduleResolution\": \"node\",\n \"resolveJsonModule\": true,\n \"isolatedModules\": true,\n \"jsx\": \"preserve\",\n \"incremental\": true,\n \"baseUrl\": \".\",\n \"types\": [\"node\", \"vitest/globals\", \"@testing-library/jest-dom\"],\n \"plugins\": [\n {\n \"name\": \"next\"\n }\n ]\n },\n \"include\": [\"next-env.d.ts\", \"**/*.ts\", \"**/*.tsx\", \"**/*.mjs\", \"vitest.config.ts\", \".next/types/**/*.ts\", \"eslint.config.mjs\"],\n \"exclude\": [\"node_modules\"]\n}\n" }, { "path": "vercel.json", "content": "{\n \"$schema\": \"https://openapi.vercel.sh/vercel.json\",\n \"installCommand\": \"corepack enable && pnpm install\"\n}\n" }, { "path": "vitest.config.ts", "content": "import { defineConfig } from \"vitest/config\"\nimport react from \"@vitejs/plugin-react\"\nimport tsconfigPaths from \"vite-tsconfig-paths\"\n\nexport default defineConfig({\n plugins: [tsconfigPaths(), react()],\n test: {\n environment: \"jsdom\",\n setupFiles: \"./vitest.setup.ts\",\n globals: true,\n include: [\"**/*.test.{ts,tsx}\", \"**/*.spec.{ts,tsx}\"],\n exclude: [\"**/node_modules/**\", \"**/dist/**\", \"**/e2e/**\", \".next/**\"],\n },\n})\n" }, { "path": "vitest.setup.ts", "content": "import \"@testing-library/jest-dom\"\n" } ]