Catálogo de diseños de bases para el videojuego Rust. Sitio web moderno con diseño gamer oscuro y colores neón.
- 🎮 Diseño gamer con efectos neón (cyan, magenta, púrpura)
- 🌐 Internacionalización (Español/Inglés)
- ���� Búsqueda y filtros avanzados
- 📱 Responsive design (mobile-first)
- ⚡ Performance optimizado con Next.js 15
- 🗄️ Integración con Supabase
- 📊 SEO optimizado con sitemap dinámico
- Framework: Next.js 15 (App Router)
- Lenguaje: TypeScript
- Estilos: Tailwind CSS v4
- Base de Datos: Supabase (PostgreSQL)
- Deployment: Vercel
- UI Components: shadcn/ui
``` rustbaselab/ ├── app/ # Páginas y rutas │ ├── page.tsx # Homepage │ ��── bases/ # Catálogo de bases │ ├── base/[id]/ # Detalle de base │ ├── search/ # Búsqueda │ ├── not-found.tsx # Página 404 │ ├── sitemap.ts # Sitemap dinámico │ ├── robots.ts # Robots.txt │ └── manifest.ts # PWA manifest ├── components/ # Componentes reutilizables │ ├── header.tsx │ ├── footer.tsx │ ├── base-card.tsx │ └── ui/ # Componentes shadcn/ui ├── lib/ # Utilidades y lógica │ ├── db-queries.ts # Queries de base de datos │ ├── supabase/ # Clientes de Supabase │ ├── i18n/ # Internacionalización │ └── types.ts # Tipos TypeScript └── scripts/ # Scripts SQL ```
- Clona el repositorio
- Instala dependencias: ```bash npm install ```
- Configura variables de entorno (crea
.env.local): ```bash NEXT_PUBLIC_SUPABASE_URL=tu-url-de-supabase NEXT_PUBLIC_SUPABASE_ANON_KEY=tu-anon-key ``` - Ejecuta el servidor de desarrollo: ```bash npm run dev ```
- Abre http://localhost:3000
Ver DEPLOYMENT.md para instrucciones detalladas.
Resumen rápido:
- Conecta tu repositorio a Vercel
- Configura las variables de entorno en Vercel Dashboard
- Deploy automático en cada push
El proyecto usa Supabase con las siguientes tablas principales:
bases- Información de las basespublished_bases- Vista de bases publicadastypes- Tipos de bases (Solo, Duo, Clan, etc.)footprints- Tamaños de bases (2x2, 3x3, etc.)team_sizes- Tamaños de equipo recomendadoscreators- Creadores de contenido
Ver scripts SQL en /scripts para la estructura completa.
Las contribuciones son bienvenidas. Por favor:
- Fork el proyecto
- Crea una rama para tu feature (
git checkout -b feature/AmazingFeature) - Commit tus cambios (
git commit -m 'Add some AmazingFeature') - Push a la rama (
git push origin feature/AmazingFeature) - Abre un Pull Request
Este proyecto es de código abierto y está disponible bajo la licencia MIT.
Si encuentras algún problema o tienes preguntas:
- Revisa DEPLOYMENT.md para problemas de deployment
- Abre un issue en GitHub
- Contacta al equipo de desarrollo
- Sistema de favoritos
- Comentarios y valoraciones
- Dashboard de administración
- Filtros avanzados adicionales
- Modo claro (light mode)
- Compartir en redes sociales