Trev's NodeJS Configs

Personal configurations for supporting Trevor McDougald's projects, thanks for viewing!

This monorepo contains shared configuration packages for various tools used across projects, including ESLint, Prettier, TypeScript, Biome, and Tailwind CSS. These configurations are designed to enforce consistent code style, formatting, and best practices across all my projects.

Contact

Trevor McDougald

• 📧 Email: [email protected]
• 🐙 GitHub: @mcdougald
• 💼 LinkedIn: Trevor McDougald
• 🌐 Website: trev.fyi

Feel free to reach out for:

• Questions about these configurations
• Collaboration opportunities
• General development discussions
• Feedback on the packages

Table of Contents

• Trev's NodeJS Configs
  • Contact
    • Trevor McDougald
  • Table of Contents
  • Packages
    • @mcdougald/eslint-config
    • @mcdougald/prettier-config
    • @mcdougald/typescript-config
    • @mcdougald/biome-config
    • @mcdougald/tailwindcss-config
  • Getting Started
    • Quick Setup Examples
  • Contributing
  • Credits
  • License

Packages

@mcdougald/eslint-config

A comprehensive ESLint configuration that enforces consistent code style and best practices across JavaScript and TypeScript projects.

pnpm add -D @mcdougald/eslint-config

@mcdougald/prettier-config

A shared Prettier configuration to ensure consistent code formatting across all projects.

pnpm add -D @mcdougald/prettier-config prettier-plugin-packagejson

@mcdougald/typescript-config

A shared TypeScript configuration to standardize TypeScript compiler options and ensure consistent type checking.

pnpm add -D @mcdougald/typescript-config

@mcdougald/biome-config

A modern Biome configuration for fast formatting and linting, providing an alternative to ESLint and Prettier with better performance.

pnpm add -D @mcdougald/biome-config

@mcdougald/tailwindcss-config

A comprehensive Tailwind CSS configuration with modern plugins and utilities for React applications. Includes optimized content paths, dark mode support, custom animations, and essential plugins for forms, typography, and aspect ratios.

Features:

• 🎨 Modern Plugins: Forms, typography, aspect ratio, and motion animations
• 🌙 Dark Mode: Class-based dark mode support
• 📱 Responsive Design: Custom breakpoints including extra small screens
• 🎭 Animations: Built-in animation utilities and motion effects
• ⚡ Performance: Optimized content paths for better build performance
• 🎯 React Ready: Pre-configured for React and Next.js applications

pnpm add -D @mcdougald/tailwindcss-config

Getting Started

Each package in this monorepo can be installed independently. Choose the configurations that best fit your project needs:

• ESLint + Prettier + TypeScript: Traditional setup with maximum compatibility
• Biome: Modern alternative with better performance and fewer dependencies
• Tailwind CSS: Comprehensive styling configuration with modern plugins and utilities

Quick Setup Examples

For a React/Next.js project:

pnpm add -D @mcdougald/eslint-config @mcdougald/prettier-config @mcdougald/typescript-config @mcdougald/tailwindcss-config

For a modern project with Biome:

pnpm add -D @mcdougald/biome-config @mcdougald/typescript-config @mcdougald/tailwindcss-config

Contributing

While these are personal configurations, I welcome feedback and suggestions! If you find issues or have ideas for improvements:

1. Open an issue on GitHub
2. Submit a pull request with your proposed changes
3. Reach out directly using the contact information above

Credits

This project is inspired by the excellent work from:

• antfu/eslint-config
• sxzz/eslint-config
• nelsonlaidev/config

License

This project is licensed under the MIT License.