@dvm-digital/front

🚀 CLI para criar projetos Next.js com configurações pré-definidas e ferramentas essenciais.

Características

• ✨ Criação rápida de projetos Next.js
• 🎨 Opção de instalar e configurar shadcn/ui
• 📏 Configuração automática de ESLint + Prettier
• 📦 Suporte para npm e pnpm
• ⚡ Interface interativa para seleção de opções
• 🔧 Templates de configuração otimizados
• 🗂️ Configurações do VSCode incluídas
• 🔒 Arquivo .env.example com variáveis comuns
• 🔄 Inicialização automática do Git (opcional)
• ✅ Validação de nomes de projeto
• 🎯 Tratamento de erros aprimorado

Instalação e Uso

Uso básico

npx @dvm-digital/front <nome-do-projeto>

Exemplos

# Criar projeto com prompts interativos
npx @dvm-digital/front minha-app

# Criar projeto no diretório atual
npx @dvm-digital/front .

# Criar projeto com todas as configurações (sem prompts)
npx @dvm-digital/front minha-app --all

# Especificar gerenciador de pacotes
npx @dvm-digital/front minha-app --pnpm
npx @dvm-digital/front minha-app --npm

# Inicializar repositório Git automaticamente
npx @dvm-digital/front minha-app --git

# Ver todas as opções disponíveis
npx @dvm-digital/front --help

Opções

• --all - Instala todas as configurações automaticamente (shadcn/ui + ESLint/Prettier + Git)
• --pnpm - Usa pnpm como gerenciador de pacotes
• --npm - Usa npm como gerenciador de pacotes
• --git - Inicializa repositório Git com commit inicial
• --help, -h - Mostra ajuda com todas as opções

O que é instalado

Base

• Next.js (versão mais recente)
• Configuração TypeScript

Shadcn/ui (opcional)

• Biblioteca de componentes UI
• Configuração completa com Tailwind CSS

ESLint + Prettier (opcional)

• ESLint com regras para Next.js e React
• Prettier com plugin para Tailwind CSS
• Configurações padronizadas para consistência de código

Configurações adicionais

• Arquivo .env.example com variáveis comuns
• Configurações do VSCode (.vscode/settings.json e extensions.json)
• Inicialização do Git com commit inicial (opcional)
• Validação automática do nome do projeto

Configurações incluídas

ESLint

• next/core-web-vitals
• next/typescript
• eslint-config-prettier
• Regras customizadas para camelCase e espaçamento

Prettier

• Plugin para Tailwind CSS
• Configurações otimizadas para Next.js
• Formatação consistente

VSCode

• Extensões recomendadas (Tailwind CSS, Prettier, TypeScript, etc.)
• Configurações de workspace otimizadas
• Formatação automática ao salvar
• Correção automática de ESLint

Estrutura de arquivos criados

meu-projeto/
├── .env.local              # Variáveis de ambiente
├── .env.example           # Exemplo de variáveis
├── .vscode/
│   ├── extensions.json    # Extensões recomendadas
│   └── settings.json      # Configurações do workspace
├── .prettierrc           # Configuração do Prettier
├── eslint.config.mjs     # Configuração do ESLint
└── ... (arquivos do Next.js)

Desenvolvimento

# Instalar dependências
npm install

# Desenvolvimento
npm run dev

# Build
npm run build

# Publicar
npm run update

Autor

Danilo Valadão - [email protected]

Licença

MIT