@webdevarif/create-next-app

A powerful CLI tool to scaffold Next.js projects with customizable features like authentication, internationalization, animations, and more.

🚀 Features

• Next.js 14 with TypeScript support
• Authentication with NextAuth.js (Credentials + Google OAuth)
• Database Integration with Prisma (MySQL)
• Internationalization with next-intl
• Animations with GSAP and Lenis
• Data Fetching with SWR and Axios
• State Management with Redux Toolkit
• Loading Indicators with NProgress
• UI Components with Tailwind CSS and Shadcn UI
• Theme Support with next-themes
• Toast Notifications with Sonner

📦 Installation

# Install globally
npm install -g @webdevarif/create-next-app

# Or use with npx
npx @webdevarif/create-next-app my-project

🎯 Usage

# Create a new project
npx @webdevarif/create-next-app my-awesome-project

# Or with npx
npx @webdevarif/create-next-app my-awesome-project

The CLI will guide you through selecting features:

1. Project Name - Enter your project name
2. Authentication - Choose authentication method
3. Database - Select database integration
4. Internationalization - Add multi-language support
5. Animations - Include GSAP animations
6. Data Fetching - Choose SWR or Axios
7. State Management - Add Redux Toolkit
8. Loading Indicators - Include NProgress
9. UI Components - Select Tailwind CSS and Shadcn UI

🏗️ Project Structure

my-project/
├── src/
│   ├── app/
│   │   ├── (auth)/
│   │   │   ├── login/
│   │   │   └── register/
│   │   ├── (dashboard)/
│   │   │   └── dashboard/
│   │   ├── [locale]/
│   │   │   ├── login/
│   │   │   └── register/
│   │   ├── globals.css
│   │   ├── layout.tsx
│   │   └── page.tsx
│   ├── components/
│   │   ├── ui/
│   │   ├── animations/
│   │   └── providers/
│   ├── lib/
│   │   ├── auth.ts
│   │   ├── routes.ts
│   │   └── utils.ts
│   └── types/
├── prisma/
│   └── schema.prisma
├── messages/
│   ├── en.json
│   └── bn.json
├── package.json
├── tailwind.config.ts
├── next.config.mjs
└── tsconfig.json

🎨 Features in Detail

Authentication

• NextAuth.js with credentials and Google OAuth
• Protected routes and middleware
• Session management

Database

• Prisma ORM with MySQL
• User schema and migrations
• Database utilities

Internationalization

• next-intl for multi-language support
• Language switcher component
• Locale-based routing

Animations

• GSAP with ScrollTrigger
• Lenis for smooth scrolling
• Custom animation components

UI Components

• Tailwind CSS for styling
• Shadcn UI components
• Dark/light theme support
• Responsive design

🛠️ Development

# Clone the repository
git clone https://github.com/webdevarif/arif-create-next-app.git

# Install dependencies
npm install

# Run the CLI locally
npm start

# Or run directly
node src/cli.js

📝 Scripts

• npm start - Run the CLI
• npm test - Run tests (none configured)
• npm run lint - Lint code (none configured)

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

👨‍💻 Author

Arif

• GitHub: @webdevarif
• Email: [email protected]

🙏 Acknowledgments

• Next.js team for the amazing framework
• Vercel for the deployment platform
• All the open-source contributors

📊 Stats

Made with ❤️ by Arif