naowee-login

Un componente de login moderno y personalizable para Next.js, similar al estilo de shadcn/ui.

Instalación

npx naowee-login

Este comando:

• Instalará las dependencias necesarias
• Configurará Tailwind CSS si es necesario
• Copiará los componentes a tu proyecto
• Configurará todo lo necesario para usar el componente

Uso

Después de la instalación, puedes usar el componente Login en tu aplicación:

import { Login } from '@/components/login';

export default function Page() {
  return (
    <Login
      backgroundImage="/path/to/background.jpg"
      brandLogo="/path/to/logo.png"
      loginEndpoint="/api/auth/login"
      registerUrl="/auth/registrar"
    />
  );
}

Props

| Prop | Tipo | Descripción | Por defecto | |------|------|-------------|-------------| | backgroundImage | string | URL de la imagen de fondo | - | | brandLogo | string | URL del logo de la marca | "/images/naowee/Icono blanco.png" | | loginEndpoint | string | Endpoint para el login | "/api/auth/login" | | registerUrl | string | URL para la página de registro | "/auth/registrar" |

Características

• Diseño moderno y responsive
• Soporte para imagen de fondo personalizada
• Logo de marca personalizable
• Endpoint de login configurable
• URL de registro personalizable
• Integración con Next.js
• Tipado completo con TypeScript
• Instalación fácil con npx
• Compatible con Tailwind CSS
• Input con soporte para mostrar/ocultar contraseña

Dependencias

• React ^18.0.0
• Next.js ^14.0.0
• Tailwind CSS ^3.0.0
• class-variance-authority ^0.7.0
• clsx ^2.0.0
• tailwind-merge ^2.0.0
• lucide-react ^0.300.0

Licencia

MIT