Sitio web oficial de Guayaba Devs, una comunidad tech que conecta talento y construye espacios de aprendizaje en Mexico.
Note
🤖 Experimentando con IA para desarrollo. Este proyecto esta siendo mejorado con herramientas de inteligencia artificial como parte de nuestra exploracion de nuevas tecnologias. Creemos en probar, iterar y compartir lo que aprendemos con la comunidad.
- Framework - Next.js 16 (App Router, SSR/ISR)
- Estilos - Tailwind CSS
- CMS - Sanity (headless, free tier)
- Animaciones - GSAP + ScrollTrigger
- Hosting - Vercel
- Lenguaje - TypeScript
src/
├── app/ # Pages (App Router)
│ ├── page.tsx # Landing
│ ├── events/ # Listado + detalle de eventos
│ └── api/ # Webhook de revalidacion
├── components/ # Componentes React
├── data/ # Tipos y estilos compartidos
└── lib/ # Cliente Sanity, queries, utilidades
Los eventos se gestionan desde Sanity Studio y se actualizan en la web automaticamente via webhook, sin necesidad de rebuild manual.
# Clonar el repo
git clone https://github.com/Guayaba-Devs/official-site-guayaba.git
cd official-site-guayaba
# Instalar dependencias
pnpm install
# Configurar variables de entorno
cp .env.example .env.local
# Edita .env.local con tus valores
# Levantar el servidor
pnpm devAbre http://localhost:3000 para ver el sitio.
| Variable | Descripcion |
|---|---|
NEXT_PUBLIC_SANITY_PROJECT_ID |
ID del proyecto en Sanity |
NEXT_PUBLIC_SANITY_DATASET |
Nombre del dataset (production) |
SANITY_REVALIDATE_SECRET |
Secret para validar webhooks (solo server) |
- Haz fork del repositorio
- Crea una rama para tu feature (
git checkout -b feature/mi-mejora) - Haz commit de tus cambios (
git commit -m "feat: descripcion del cambio") - Push a tu rama (
git push origin feature/mi-mejora) - Abre un Pull Request
Seguimos Conventional Commits para los mensajes de commit.
- 🌐 guayabadev.com
- 💻 GitHub