Skip to content

adiazt01/short_url_app

Repository files navigation

ShortBuddy - Acorta tus URLs fácilmente

ShortBuddy es una aplicación web que permite a los usuarios acortar sus URLs largas de una manera rápida y sencilla.

Portada de ShortBuddy NEXT JS TAILWIND CSS PRISMA SUPABASE SHADCN/UI REACT HOOK FORM LUCIDE ICONS express Vercel

🚀 Características Principales

  • Acortar URLs largas: Transforma tus enlaces extensos en versiones cortas y manejables.
  • Autenticación de usuarios: Registra y accede a tu cuenta para un manejo seguro de tus URLs.
  • Estadísticas: Obtén datos detallados sobre el uso de tus URLs acortadas.
  • Grupos de URLs: Organiza tus enlaces en grupos para una mejor gestión.
  • Dashboard personalizado: Un panel de control para gestionar tus URLs de manera eficiente.

🛠️ Tecnologías Utilizadas

  • Next.js: El framework de React para producción.
  • Tailwind CSS: Un framework CSS para un diseño rápido y responsivo.
  • Prisma: ORM de próxima generación para Node.js y TypeScript.
  • Supabase: Backend como servicio para acelerar el desarrollo.
  • Shadcn/ui: Componentes de UI reutilizables para React.
  • React Hook Form: Biblioteca para formularios en React.
  • Lucide Icons: Iconos cuidadosamente diseñados para tus proyectos.

📦 Instalación

  1. Clona el repositorio:
git clone
  1. Instala las dependencias:
npm install
  1. Crea un archivo .env.local en la raíz del proyecto y añade las siguientes variables de entorno:
DATABASE_URL=""
DIRECT_URL=""
AUTH_SECRET=""

Las variables DATABASE_URL, DIRECT_URL y AUTH_SECRET son necesarias para la conexión a la base de datos y la autenticación de usuarios. Las cadenas de conexion se pueden obtener creando un proyecto en Supabase.

  1. Inicia el servidor de desarrollo:
npm run dev
  1. Abre http://localhost:3000 en tu navegador.