next enterprise

NEXT.JS Enterprise Boilerplate

Bem-vindo ao Next.JS Enterprise Boilerplate , um modelo de código aberto para projetos corporativos! Está carregado de recursos que ajudarão você a criar um aplicativo de alto desempenho, sustentável e agradável. Fizemos todo o trabalho pesado para você, então sente -se, relaxe e nos prepare para conquistar o mundo com seu aplicativo incrível! ?

Observação

Blazity é um grupo de especialistas a seguir. Js/sem cabeça. Entre em contato conosco em [email protected] se quiser falar sobre seu projeto ou apenas para conversar conosco

Características

Com este modelo, você recebe toda a grandiosidade de que precisa:

• ? Aste Next.js - Fast por padrão, com a configuração otimizada para desempenho (com o diretório de aplicativos )
• ? Tailwind CSS - Uma estrutura CSS Utility -Primeira
• Eslint e mais bonito - para código limpo, consistente e sem erros
• Tipateiro extremamente rigoroso - com biblioteca ts-reset para segurança do tipo final
• Ações do GitHub - Ações pré -configuradas para fluxos de trabalho suaves, incluindo tamanho do pacote e estatísticas de desempenho
• ? Pontuação perfeita do farol - porque o desempenho é importante
• Plug -in do Bundle Analyzer - fique de olho no tamanho do seu pacote
• Biblioteca de testes de brincadeira e reação - para unidade sólida e testes de integração
• Dramaturgo -escreva testes de ponta a ponta como um profissional
• Storybook - Crie, teste e mostre seus componentes
• Testes de fumaça e testes de aceitação - para confiança em suas implantações
• Conjunto convencional Git Hook - Mantenha seu histórico de compromisso limpo e arrumado
• Observabilidade - Integração de telemetria aberta para monitoramento contínuo
• Importações absolutas - não há mais importações de espaguete
• Verificações de saúde - compatíveis com Kubernetes para implantações robustas
• Radix UI - componentes da interface do usuário sem cabeça para personalização sem fim
• CVA - Crie um sistema de design consistente, reutilizável e atômico
• Renovate Bot - Dependências de atualização automática, para que você possa se concentrar na codificação
• Patch -package - Corrija dependências externas sem perder a mente
• Gráfico de acoplamento e coesão componentes - uma ferramenta para gerenciar relacionamentos de componentes
• Revisões automatizadas de código de chatgpt - Fique na vanguarda com análises de código movidas a IA!
• Liberação semântica - para Changelog automático
• T3 ENV - Gerencie suas variáveis de ambiente com facilidade

Índice

• NEXT.JS Enterprise Boilerplate
  • Características
  • Índice
  • Começando
  • Implantação
  • Visão geral dos scripts
  • Gráfico de acoplamento
  • Teste
    • Testes de execução
    • Testes de aceitação
    • Teste de fumaça
  • Sistema de estilo e design
    • CVA - Uma nova abordagem para variantes
  • Gerenciamento do Estado
    • Zustand
    • Jotai
    • Recuo
  • Revisão do código do chatgpt
  • Manipulação de variáveis de ambiente
  • Contribuição
  • Apoiar
  • Licença
  • Colaboradores

Começando

Para começar com este caldeira, siga estas etapas:

1. Repositório de Fork & Clone:

 # # Don't forget to  star and fork it first :)
git clone https://github.com/ < your_username)/next-enterprise.git

2. Instale as dependências:

yarn install --frozen-lockfile

3. Execute o servidor de desenvolvimento:

yarn dev

4. Abra http: // localhost: 3000 com seu navegador para ver o resultado.

5. Este projeto usa um gancho Git para aplicar compromissos convencionais. Para instalar o gancho git, execute o seguinte comando no diretório raiz do projeto:

brew install pre-commit
pre-commit install -t commit-msg

Implantação

Implante facilmente seu aplicativo Next.js com Vercel clicando no botão abaixo:

? Visão geral dos scripts

Os scripts a seguir estão disponíveis no package.json :

• dev : inicia o servidor de desenvolvimento com saída colorida
• build : constrói o aplicativo para produção
• start : inicia o servidor de produção
• lint : fiapos o código usando Eslint
• lint:fix : corrige automaticamente os erros de linha
• prettier : verifica o código para uma formatação adequada
• prettier:fix : corrige automaticamente os problemas de formatação
• analyze : analisa os tamanhos dos pacote para ambientes de cliente, servidor e borda
• storybook : inicia o servidor de livro de histórias
• build-storybook : Construa o livro de histórias para implantação
• test : Executa testes de unidade e integração
• e2e:headless : executa testes de ponta a ponta no modo sem cabeça
• e2e:ui : executa testes de ponta a ponta com a interface do usuário
• format : formato o código com mais bonito
• postinstall : aplica patches a dependências externas
• preinstall : garante que o projeto seja instalado com fios
• coupling-graph : Gera um gráfico de acoplamento e coesão para os componentes

? Gráfico de acoplamento

O script coupling-graph é uma ferramenta útil que ajuda a visualizar o acoplamento e as conexões entre os módulos internos do seu projeto. É construído usando a Biblioteca Madge. Para gerar o gráfico, basta executar o seguinte comando:

yarn coupling-graph

Isso criará um arquivo graph.svg , que contém uma representação gráfica das conexões entre seus componentes. Você pode abrir o arquivo com qualquer visualizador compatível com SVG.

Adicione suas contribuições