Descargar nextjs boilerplate - Descargar el código fuente de nextjs boilerplate

nextjs boilerplate

Código Fuente de IA

1.0.0

Descargar

Boilerplate y Starter para el próximo JS 15+, Tailwind CSS 3 y TypeScript

Boilerplate and Starter para Next.js, Tailwind CSS y TypeScript ⚡️ Hecho con experiencia en desarrollador primero: Next.js (enrutamiento de aplicaciones), TypeScript, Eslint, más bonito, ronco, escenicional de linta, broma, Biblioteca de pruebas de reacción, postcss, Tailwind CSS, narrador de historias, acciones de GH.

Características

Experiencia del desarrollador primero:

Next.js para el generador de sitios estáticos
Escriba la corriente de compra de TypeScript
Integrar con CSS de Vail
Libro de cuentos para documentación de componentes
Modo estricto para mecanografiado y reaccionar 18
Linter con Eslint
Formatero de código con más bonito
Husky para gits gits
Lint-escense para ejecutar los revestimientos en archivos escenificados Git
Prueba con broma y biblioteca de prueba de reacción
Importaciones absolutas usando @ prefix
Nextjs diseños personalizados
T3 Env Administre sus variables de entorno con facilidad
Convención de mensajes para GIT
Maximizar la puntuación del faro
Acciones de GH
Generación de componentes con plop y convención de diseño atómico

? Planes

Analizador de bundler
Next-PWA

? Pruebas

Todas las pruebas se colocan con el código fuente dentro del mismo directorio. Entonces, hace que sea más fácil encontrarlos. El umbral de cobertura se establece en 70% . En la carpeta .jest hay un proveedor personalizado para todas las pruebas.

Cómo usar

Para usar esta plantilla, simplemente puede hacer clic en usar esta plantilla o crear su aplicación Next.js basada en esta plantilla ejecutando:

pnpm create next-app -e https://github.com/hadrysm/nextjs-boilerplate

Desplegar a la producción

Instalar comando en Vercel:

 corepack use pnpm@`pnpm -v` && pnpm i

Puede ver los resultados localmente en modo de producción con:

pnpm build

pnpm start

Generación de componentes

pnpm generate Button

Resultado (si eligió un componente de átomo):

 └── components
      └── atoms
        └── Button
          ├── index.ts
          ├── Button.stories.tsx
          ├── Button.test.tsx
          └── Button.tsx

? Que contribuye

Bifurca este repositorio;
Crea tu rama: git checkout -b my-awesome-contribution ;
Comprometer sus cambios: git commit -m 'feat: Add some awesome contribution' ;
Empuja a la rama: git push origin my-awesome-contribution .