chore: update config and dependencies

[michellepace]

Summary

• Bump runtime and dev dependencies (next, react, biome, playwright, jsdom, lefthook, vitest)
• Add biome rule enforcing type over interface, enable typedRoutes in next.config
• Reorganise VS Code settings into logical sections
• Move CLAUDE.md to .claude/CLAUDE.md with expanded content
• Add path-scoped Claude rules for component structure and Tailwind v4 usage
• Add common additions section to README

Test plan

• Pre-commit hooks pass (biome, type-check, unit tests)
• Pre-push hooks pass (build, Playwright e2e)
• Verify Vercel preview deployment

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
nextjs-base	Ready	Preview, Comment	Feb 4, 2026 1:11am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Summary by CodeRabbit

• Documentation

  • Reorganised project documentation with new architectural guidelines for components and Tailwind usage.
  • Enhanced configuration documentation with project overview and coding conventions.

• Configuration

  • Enabled TypeScript route validation for improved type safety.
  • Updated editor settings for improved development experience.
  • Enhanced linting rules for consistent type definitions.

• Dependencies

  • Upgraded core packages and development tooling to latest versions.

Walkthrough

The PR establishes a new .claude/ directory structure with documented rules and conventions for components, Tailwind, and project setup. Configuration files are updated (biome.json, next.config.ts, .vscode/settings.json, .claude/settings.json), dependencies are bumped in package.json, and the README is modified to reflect the new documentation hierarchy.

Changes

Cohort / File(s)	Summary
Claude Code Documentation .claude/CLAUDE.md, .claude/rules/components.md, .claude/rules/tailwind.md, CLAUDE.md	New documentation files added under .claude directory detailing project conventions, component architecture guidelines, and Tailwind CSS rules; original CLAUDE.md removed.
Configuration & Tooling .claude/settings.json, .vscode/settings.json, biome.json, next.config.ts	Editor settings updated (minimap disabled, word wrap enabled, Tailwind settings reintroduced); Biome linter rule added for consistent type definitions; Next.js config enhanced with typedRoutes and devIndicators settings; Claude Code permissions expanded.
Dependencies package.json	Multiple dependency versions updated including Next.js, React, React DOM, Biome, Playwright, testing libraries, and related tooling packages.
Project Documentation README.md	Updated to reference new .claude documentation structure, added Claude Code rules directory link, and introduced Common Additions for New Projects section.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• chore: minor updates - deps, lint, and CSS organisation #13 — Modifies next.config.ts by adding different properties (cacheComponents) to the same NextConfig object.
• ci: add Dependabot for automated dependency updates #3 — Overlaps with .claude/settings.json and .vscode/settings.json configuration changes for editor and tooling settings.
• chore: update dependencies #22 — Shares changes to package.json dependency versions and biome.json linter configuration.

Poem

🐰 A warren of rules, now neatly arranged,
In .claude directories, conventions have changed,
With Tailwind patterns and component lore,
The project grows clearer—more structured than before!
✨ Hop along, developers dear.

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch chore/update-config-and-deps

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}