Precedent es una colección gratuita y de código abierto de componentes, ganchos y utilidades obstinados para su proyecto Next.js. Permite a los desarrolladores de Next.js aumentar su tiempo de producción al permitirles crear aplicaciones reactivas rápidamente.

Básicamente, Precedent es una colección de componentes, enlaces y utilidades que incluye fragmentos de código de alta calidad e integración integrada para bibliotecas populares. Fue escrito en TypeScript por Steven Tey, un desarrollador web que lo lanzó de forma gratuita.

Características

• código limpio
• Construido sobre Tailwind CSS, Radix UI y Farmer Motion.
• Docenas de muchos componentes prediseñados que incluyen modales, ventanas emergentes, cuadros de diálogo, información sobre herramientas y un conjunto de botones enriquecidos.
• Salida de alto rendimiento.
• Autenticación integrada mediante Auth.js
• Base de datos lista con Prisma.js
• Docenas de ganchos y utilidades listas para usar
• Framer Motion: biblioteca de movimiento para React para animar componentes con facilidad
• Soporte de fuentes externas incorporado
• Un archivo de configuración.
• Autenticación de Google lista para usar
• Soporte de base de datos PostgreSQL
• Soporte incorporado más bonito.
• ESLint: linter conectable para Next.js y TypeScript

Ganchos y utilidades

• useIntersectionObserver – Reaccionar gancho para observar cuando un elemento entra o sale de la ventana gráfica
• useLocalStorage – Persistir datos en el almacenamiento local del navegador.
• useScroll – Reaccionar gancho para observar la posición de desplazamiento
• nFormatter – Formatear números con sufijos como 1.2k o 1.2M
• capitalize – Poner en mayúscula la primera letra de una cadena.
• truncate – Truncar una cadena a una longitud especificada
• use-debounce – Rebotar una llamada de función/actualización de estado

Opción de implementación

Puede utilizar la opción de implementación con un solo clic haciendo clic en aquíque desplegará el motor de arranque directamente en Vercel.

Sin embargo, para usar y editar el código puedes usar este comando:

npx create-next-app precedent --example "https://github.com/steven-tey/precedent"


Licencia

Precedent es un proyecto de código abierto que se publica bajo la licencia MIT.

Recursos

• Código fuente
• Hogar
• autenticación.js
• Radix-ui

Etiquetas

Frameworks de desarrollo JavaScript Next.js React desarrollo web