@edward-hyde/template-next

A professional CLI tool for creating modern Next.js applications with TypeScript, Tailwind CSS, and Shadcn/ui.

Features

• Next.js 16 with App Router and TypeScript
• Tailwind CSS for styling
• Shadcn/ui components pre-configured
• Prettier with Tailwind plugin for code formatting
• VSCode settings optimized for development
• Clean project structure with junk files removed
• Version pinning for reliable builds
• Git initialization with initial commit

Installation & Usage

Quick Start

# Create a new project
npx @edward-hyde/template-next my-awesome-app

# Navigate to project
cd my-awesome-app

# Start development server
npm run dev

System requirements: Node.js 20.9+ (required by Next.js 16)

Advanced Usage

# Use latest versions (potentially unstable)
npx @edward-hyde/template-next my-app --latest

# Skip git initialization
npx @edward-hyde/template-next my-app --skip-git

# Skip dependency installation
npx @edward-hyde/template-next my-app --skip-install

# Show version information
npx @edward-hyde/template-next versions

What's Included

Dependencies

• Next.js - React framework with App Router
• TypeScript - Type-safe JavaScript
• Tailwind CSS - Utility-first CSS framework
• Shadcn/ui - Beautiful, accessible UI components
• Lucide React - Icon library (via Shadcn)

Development Tools

• Prettier - Code formatting
• ESLint - Code linting
• VSCode settings - Optimized development experience

Project Structure

template-next/
├── src/
│ ├── app/
│ │ ├── globals.css
│ │ ├── layout.tsx
│ │ └── page.tsx
│ ├── components/ui/
│ └── lib/
├── .prettierrc
├── .vscode/settings.json
├── components.json
├── next.config.ts
├── postcss.config.mjs
├── eslint.config.mjs
├── tsconfig.json
└── package.json

Adding Components

# Add Shadcn/ui components as needed
npx shadcn@latest add card
npx shadcn@latest add input
npx shadcn@latest add dialog

Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Lint code with ESLint
• npm run format - Format code with Prettier

Version History

v0.3.2

• Bump scaffold to Next.js 16 (requires Node 20.9+)

v0.3.0 & v0.3.1

• Complete CLI rewrite with modern architecture
• Version pinning for reliable builds
• Improved project templates
• Better error handling and user experience

v0.2.8

• Previous git clone-based approach

Contributing

Feel free to contribute by submitting pull requests or opening issues.

Support

• GitHub: template-next
• Website: template-next-official.vercel.app
• Author: Thilina Rathnayaka (Edward Hyde)

License

MIT License (c) 2024 Thilina Rathnayaka (Edward Hyde)