Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cozakoo/url-short
Acortador de URL's es una aplicación web que permite acortar enlaces largos y redirigirlos eficientemente. Desarrollada con React y Next.js, y un backend en Prisma y MongoDB.
https://github.com/cozakoo/url-short
mongodb nextjs prisma-orm react
Last synced: about 1 month ago
JSON representation
Acortador de URL's es una aplicación web que permite acortar enlaces largos y redirigirlos eficientemente. Desarrollada con React y Next.js, y un backend en Prisma y MongoDB.
- Host: GitHub
- URL: https://github.com/cozakoo/url-short
- Owner: cozakoo
- Created: 2024-10-23T21:55:10.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-10-29T16:59:00.000Z (3 months ago)
- Last Synced: 2024-11-04T00:26:18.464Z (3 months ago)
- Topics: mongodb, nextjs, prisma-orm, react
- Language: JavaScript
- Homepage: https://url-short-roan-phi.vercel.app
- Size: 308 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Acortador de Url´s
El proyecto "Acortador de URL's" es una aplicación web diseñada para simplificar el uso y la gestión de enlaces largos, permitiendo a los usuarios acortar URL's y redirigir a su destino de manera eficiente. Desarrollado utilizando React y Next.js para una experiencia de usuario ágil y dinámica, el backend está construido con Prisma y MongoDB, garantizando un manejo robusto de datos.
Características Principales:
- Acortamiento de URL: Permite a los usuarios ingresar enlaces largos y obtener una versión corta que redirige al enlace original.
- Verificación de URL: Implementa un control para asegurarse de que la URL proporcionada sea válida y exista antes de acortarla, minimizando errores y mejorando la experiencia del usuario.
- Almacenamiento en Base de Datos: Todas las URL's acortadas se almacenan en una base de datos MongoDB, lo que permite un acceso rápido y una gestión sencilla de los enlaces acortados.
## Instrucciones para Ejecutar
Este es un proyecto de Next.js creado con create-next-app.
1. Clona el Repositorio
### Paso 1: Clonar el Repositorio
```bash
git clone https://github.com/cozakoo/url-short.git
```
### Paso 2: Ir al directorio clonado
```bash
cd url-short/
```
### Paso 3: Ejecutar
```bash
npm install
#o
yarn install
# o
pnpm install
# o
bun install
```
### Paso 4: Configura la Base de Datos
Asegúrate de tener MongoDB corriendo y configura tu conexión en el archivo de configuración correspondiente. Generalmente, esto se hace en un archivo .env o en la configuración de Prisma.
### Paso 5: Ejecuta el Servidor de Desarrollo
Inicia el servidor de desarrollo con el siguiente comando:
### Paso 6: Correr
```bash
npm run dev
# o
yarn dev
# o
pnpm dev
# o
bun dev
```
### Paso 7: Accede a la Aplicación
Abre tu navegador y ve a http://localhost:3000 para ver el resultado.
### Paso 8: Modifica la Página de Inicio
Puedes comenzar a editar la página modificando el archivo pages/index.js. La página se actualizará automáticamente a medida que edites el archivo.
### Paso 9: Accede a las Rutas de la API
Las rutas de la API se pueden acceder en http://localhost:3000/api/shortUrl. Este endpoint se puede editar en pages/api/shortUrl.js.
### Paso 10: Estructura de la API
La carpeta pages/api está mapeada a /api/*. Los archivos en este directorio son tratados como rutas de API en lugar de páginas de React.