@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

$3

``bash
npx @dvm-digital/front
`

$3

`bash


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

$3

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

$3

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

$3

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

$3

- 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

$3

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

$3

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

$3

- 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

`bash


Instalar dependências

npm install

Desenvolvimento

npm run dev

Build

npm run build

Publicar

npm run update
``

Autor

Danilo Valadão - atendimento@danilovaladao.com.br

Licença

MIT