Aplicación desarrollada con Next.js y Clerk que permite registrar e iniciar sesión con múltiples proveedores (Google, GitHub, etc). Luego del inicio de sesión, el dashboard muestra información detallada del usuario autenticado.
- Deploy: https://app-clerk.netlify.app/
- Repositorio: https://github.com/Kenkyoo/app-clerk
- Autenticación con Clerk y varios proveedores (Google, GitHub, Email, etc).
- Páginas protegidas y redirección automática de usuarios no autenticados.
- Integración completa con App Router de Next.js.
- Dashboard con datos detallados del usuario.
- Estilos con Tailwind CSS y componentes personalizados de Clerk.
- Uso de hooks de Clerk para acceder al estado de autenticación y los datos del usuario.
# Clonar el repositorio
git clone https://github.com/Kenkyoo/app-clerk.git
# Entrar al proyecto
cd app-clerk
# Instalar dependencias
npm install
# Ejecutar en desarrollo
npm run devClerk ofrece una solución completa de autenticación y gestión de usuarios para aplicaciones React y Next.js. Esta aplicación demuestra:
- Flujo completo de autenticación (registro, inicio y cierre de sesión).
- Personalización de componentes Clerk usando Tailwind.
- Integración de hooks (
useUser,useAuth) para mostrar datos del usuario.
app-clerk/
├── app/ # App Router de Next.js
├── components/ # Componentes reutilizables
├── middleware.ts # Protección de rutas con Clerk
├── package.json # Configuración del proyecto
└── tailwind.config.js
(Opcional: agregar imágenes del login y dashboard si lo deseas)
Proyecto de código abierto bajo la licencia MIT.