next enterprise

Next.js Enterprise Boilerplate

¡Bienvenido al siguiente.js Enterprise Boilerplate , una plantilla de código abierto para proyectos empresariales! Está cargado de características que lo ayudarán a construir una aplicación de alto rendimiento, mantenible y agradable. ¡Hemos hecho todo el trabajo pesado por usted, así que siéntese, relájese y prepárese para conquistar el mundo con su increíble aplicación! ?

Nota

Blazity es un grupo de next.js/expertos sin cabeza. Contáctenos en [email protected] si desea hablar sobre su proyecto o simplemente para conversar con nosotros

Características

Con esta plantilla, obtienes toda la genialidad que necesitas:

• ? ️ Next.js - Rápido de forma predeterminada, con la configuración optimizada para el rendimiento (con el directorio de aplicaciones )
• ? Tailwind CSS : un marco CSS de utilidad para el desarrollo rápido de la interfaz de usuario
• Eslint y más bonito : para código limpio, consistente y sin errores
• TypeScript extremadamente estricto : con la biblioteca ts-reset para la seguridad de tipo último
• Acciones de GitHub : acciones preconfiguradas para flujos de trabajo suaves, incluidas las estadísticas de tamaño y rendimiento del paquete
• ? Puntuación perfecta del faro , porque el rendimiento importa
• Complemento de analizador de paquete : vigile el tamaño de su paquete
• Biblioteca de pruebas de Jest y React: para unidades sólidas de roca y pruebas de integración
• Dramaturgo : escriba pruebas de extremo a extremo como un profesional
• Libro de cuentos : cree, pruebe y muestre sus componentes
• Pruebas de prueba de humo y pruebas de aceptación : para confiar en sus implementaciones
• Conjuntos convencionales Git Hook - Mantenga su historial de confirmación ordenado y ordenado
• Observabilidad : integración de telemetría abierta para monitoreo sin costuras
• Importaciones absolutas : no más importaciones de espagueti
• Verificaciones de salud : compatible con Kubernetes para implementaciones robustas
• Radix UI - Componentes de UI sin cabeza para una personalización interminable
• CVA : cree un sistema de diseño consistente, reutilizable y atómico
• Bot renovado : dependencias de actualización automática, por lo que puede concentrarse en la codificación
• Patch -Package : corrige dependencias externas sin perder la cabeza
• Gráfico de acoplamiento y cohesión de componentes : una herramienta para administrar las relaciones de los componentes
• Revisiones automatizadas de código CHATGPT : ¡manténgase a la vanguardia con revisiones de código con IA!
• Lanzamiento semántico : para el cambio de cambio automático
• T3 Env - Administre sus variables de entorno con facilidad

Tabla de contenido

• Next.js Enterprise Boilerplate
  • Características
  • Tabla de contenido
  • Empezando
  • Despliegue
  • Descripción general de los scripts
  • Gráfico de acoplamiento
  • Pruebas
    • Pruebas de ejecución
    • Pruebas de aceptación
    • Prueba de humo
  • Sistema de diseño y diseño
    • CVA: un nuevo enfoque de las variantes
  • Gestión estatal
    • Zustand
    • Jotai
    • Retroceso
  • Revisión del código de chatgpt
  • Manejo de variables de entorno
  • Contribución
  • Apoyo
  • Licencia
  • Colaboradores

Empezando

Para comenzar con esta calderera, siga estos pasos:

1. Repositorio de bifurcación y clones:

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

2. Instale las dependencias:

yarn install --frozen-lockfile

3. Ejecute el servidor de desarrollo:

yarn dev

4. Abra http: // localhost: 3000 con su navegador para ver el resultado.

5. Este proyecto utiliza un git de git para hacer cumplir las confirmaciones convencionales. Para instalar el gancho Git, ejecute el siguiente comando en el directorio raíz del proyecto:

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

Despliegue

Implemente fácilmente su aplicación NEXT.JS con Vercelio haciendo clic en el botón de abajo:

? Descripción general de los scripts

Los siguientes scripts están disponibles en el package.json :

• dev : inicia el servidor de desarrollo con salida colorizada
• build : Construye la aplicación para la producción
• start : inicia el servidor de producción
• lint : Pelillas el código usando Eslint
• lint:fix : corrige automáticamente los errores de pelusa
• prettier : verifica el código para el formateo adecuado
• prettier:fix : soluciona automáticamente problemas de formato
• analyze : analiza los tamaños de paquete para entornos de cliente, servidor y borde
• storybook : inicia el servidor de libros de cuentos
• build-storybook : construye el libro de cuentos para la implementación
• test : ejecuta la unidad y las pruebas de integración
• e2e:headless : ejecuta pruebas de extremo a extremo en modo sin cabeza
• e2e:ui : ejecuta pruebas de extremo a extremo con ui
• format : formatea el código con más bonito
• postinstall : aplica parches a dependencias externas
• preinstall : asegura que el proyecto esté instalado con hilo
• coupling-graph : genera un gráfico de acoplamiento y cohesión para los componentes

? Gráfico de acoplamiento

El script coupling-graph es una herramienta útil que ayuda a visualizar el acoplamiento y las conexiones entre los módulos internos de su proyecto. Está construido con la Biblioteca Madge. Para generar el gráfico, simplemente ejecute el siguiente comando:

yarn coupling-graph

Esto creará un archivo graph.svg , que contiene una representación gráfica de las conexiones entre sus componentes. Puede abrir el archivo con cualquier visor compatible con SVG.

Agregue sus contribuciones