@goodnews./frontend-config

Shared ESLint, Prettier, and TypeScript configurations for Good News Agency Next.js projects.

Installation

pnpm add -D @goodnews./frontend-config

Usage

ESLint

Create eslint.config.mjs in your project root:

export { default } from '@goodnews./frontend-config/eslint';

Prettier

Add to your package.json:

{
  "prettier": "@goodnews./frontend-config/prettier"
}

Or create .prettierrc.js for customization:

import goodnewsPrettier from '@goodnews./frontend-config/prettier';

export default {
  ...goodnewsPrettier,
  // Your overrides here
};

TypeScript

Update your tsconfig.json:

{
  "extends": "@goodnews./frontend-config/tsconfig.json"
}

What's Included

ESLint Configuration

• Next.js core-web-vitals rules
• TypeScript support
• Prettier integration
• Import sorting (simple-import-sort)
• React best practices (self-closing components, etc.)

Prettier Configuration

• Single quotes
• Semicolons
• Arrow function parentheses avoided where possible
• Tailwind CSS class sorting

TypeScript Configuration

• ES2017 target
• Strict mode enabled
• Bundler module resolution
• Next.js plugin