next-auto-import

Auto-import generator for Next.js projects. Automatically scans your directories and generates TypeScript declarations for global auto-imports, inspired by unplugin-auto-import.

Features

• 🚀 Automatically scan directories for exports
• 📝 Generate TypeScript declaration files
• 🔄 Watch mode in development
• ⚡ Zero runtime overhead
• 🎯 Full TypeScript support

Installation

pnpm add swc-plugin-auto-import next-auto-import -D
# or
npm install swc-plugin-auto-import next-auto-import -D
# or
yarn add swc-plugin-auto-import next-auto-import -D

Usage

Basic Setup

In your next.config.js or next.config.mjs:

import { withAutoImport } from 'next-auto-import'

const nextConfig = {
  // your next config
}

const withAutoImport = createAutoImport({
  imports: ['react'],
})

export default withAutoImport(nextConfig)

TypeScript Configuration

Make sure to include the generated .d.ts file in your tsconfig.json:

{
  "compilerOptions": {
    // ... other options
  },
  "include": ["auto-imports.d.ts", "**/*.ts", "**/*.tsx"]
}

Credits

• unplugin-auto-import - The original auto-import plugin for Vite, Webpack, Rollup, and more

• swc-plugin-auto-import - The original auto-import plugin for SWC

License

MIT