{"id":32784685,"url":"https://github.com/kenkyoo/supabase-tanstack","last_synced_at":"2026-05-06T06:38:05.001Z","repository":{"id":322473286,"uuid":"1088536352","full_name":"Kenkyoo/supabase-tanstack","owner":"Kenkyoo","description":"Una aplicación full-stack moderna construida con TanStack Start, React 19, Supabase y Material-UI que consume la API de Rick and Morty.","archived":false,"fork":false,"pushed_at":"2025-11-04T16:37:15.000Z","size":261,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-11-04T18:09:21.246Z","etag":null,"topics":["material-ui","material-ui-react","react","rick-and-morty","rickandmortyapi","supabase","supabase-auth","tanstack","tanstack-query","tanstack-react-query","vite"],"latest_commit_sha":null,"homepage":"https://app-tanstack.netlify.app/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kenkyoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-03T05:21:10.000Z","updated_at":"2025-11-04T16:39:35.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/Kenkyoo/supabase-tanstack","commit_stats":null,"previous_names":["kenkyoo/supabase-tanstack"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Kenkyoo/supabase-tanstack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Fsupabase-tanstack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Fsupabase-tanstack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Fsupabase-tanstack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Fsupabase-tanstack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kenkyoo","download_url":"https://codeload.github.com/Kenkyoo/supabase-tanstack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Fsupabase-tanstack/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":282745088,"owners_count":26720200,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-05T02:00:05.946Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["material-ui","material-ui-react","react","rick-and-morty","rickandmortyapi","supabase","supabase-auth","tanstack","tanstack-query","tanstack-react-query","vite"],"created_at":"2025-11-05T02:00:48.327Z","updated_at":"2025-11-05T02:02:05.851Z","avatar_url":"https://github.com/Kenkyoo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TanStack Start + Supabase + Rick and Morty API\n\nUna aplicación full-stack moderna construida con TanStack Start, React 19, Supabase y Material-UI que consume la API de Rick and Morty.\n\n## 🚀 Demo\n\n**Deploy en vivo:** [https://app-tanstack.netlify.app/](https://app-tanstack.netlify.app/)\n\n## ✨ Características\n\n- 🔥 **TanStack Start** - Framework full-stack con enrutamiento file-based\n- ⚡ **Vite** - Build tool ultra rápido\n- ⚛️ **React 19** - Última versión de React\n- 🗄️ **Supabase** - Backend as a Service con autenticación y base de datos\n- 🎨 **Material-UI (MUI)** - Componentes UI modernos y accesibles\n- 🎯 **TailwindCSS** - Estilos utility-first\n- 🔄 **Server Functions** - API endpoints con type-safety\n- 📱 **Responsive Design** - Optimizado para todos los dispositivos\n\n## 🛠️ Stack Tecnológico\n\n- **Frontend:** React 19, TanStack Router, Material-UI\n- **Backend:** TanStack Start (Server Functions), Supabase\n- **Estilos:** TailwindCSS 4, Emotion\n- **API:** Rick and Morty API\n- **Deploy:** Netlify\n- **TypeScript:** Type-safety completo\n\n## 📦 Instalación\n\n1. **Clona el repositorio**\n\n```bash\ngit clone https://github.com/Kenkyoo/supabase-tanstack.git\ncd supabase-tanstack\n```\n\n2. **Instala las dependencias**\n\n```bash\nnpm install\n```\n\n3. **Configura las variables de entorno**\n\nCrea un archivo `.env` en la raíz del proyecto:\n\n```env\nVITE_SUPABASE_URL=tu_supabase_url\nVITE_SUPABASE_ANON_KEY=tu_supabase_anon_key\n```\n\n4. **Inicia el servidor de desarrollo**\n\n```bash\nnpm run dev\n```\n\nLa aplicación estará disponible en `http://localhost:3000`\n\n## 📝 Scripts Disponibles\n\n```bash\nnpm run dev      # Inicia el servidor de desarrollo\nnpm run build    # Construye la aplicación para producción\nnpm run start    # Inicia el servidor de producción\n```\n\n## 🏗️ Estructura del Proyecto\n\n```\nsupabase-tanstack/\n├── app/\n│   ├── routes/          # Rutas de la aplicación\n│   ├── api/             # Server functions y lógica del servidor\n│   └── components/      # Componentes reutilizables\n├── public/              # Archivos estáticos\n└── package.json\n```\n\n## 🔑 Funcionalidades Principales\n\n### Server Functions\n\nEl proyecto utiliza TanStack Start Server Functions para crear endpoints type-safe:\n\n```typescript\n// Obtener un personaje individual\nexport const fetchPost = createServerFn({ method: \"GET\" })\n  .inputValidator((d: string) =\u003e d)\n  .handler(async ({ data: postId }) =\u003e {\n    const post = await axios\n      .get\u003cPostType\u003e(`https://rickandmortyapi.com/api/character/${postId}`)\n      .then((r) =\u003e r.data);\n    return post;\n  });\n\n// Obtener lista de personajes\nexport const fetchPosts = createServerFn({ method: \"GET\" })\n  .handler(async () =\u003e {\n    return axios\n      .get\u003cRickMortyResponse\u003e(\"https://rickandmortyapi.com/api/character\")\n      .then((r) =\u003e r.data.results.slice(0, 19));\n  });\n```\n\n### Integración con Supabase\n\n- Autenticación de usuarios\n- Base de datos en tiempo real\n- SSR con `@supabase/ssr`\n\n## 🌐 Deploy\n\nLa aplicación está configurada para deployarse en Netlify usando el plugin oficial de TanStack Start:\n\n```json\n{\n  \"devDependencies\": {\n    \"@netlify/vite-plugin-tanstack-start\": \"^1.1.9\"\n  }\n}\n```\n\n## 🤝 Contribuir\n\nLas contribuciones son bienvenidas. Por favor:\n\n1. Fork el proyecto\n2. Crea una rama para tu feature (`git checkout -b feature/AmazingFeature`)\n3. Commit tus cambios (`git commit -m 'Add some AmazingFeature'`)\n4. Push a la rama (`git push origin feature/AmazingFeature`)\n5. Abre un Pull Request\n\n## 📄 Licencia\n\nEste proyecto está bajo la Licencia ISC.\n\n## 👤 Autor\n\n**Kenkyoo**\n\n- GitHub: [@Kenkyoo](https://github.com/Kenkyoo)\n\n## 🙏 Agradecimientos\n\n- [TanStack](https://tanstack.com/) - Por el increíble framework\n- [Supabase](https://supabase.com/) - Por la infraestructura backend\n- [Rick and Morty API](https://rickandmortyapi.com/) - Por la API pública\n- [Material-UI](https://mui.com/) - Por los componentes UI\n\n---\n\n⭐ Si este proyecto te resultó útil, considera darle una estrella en GitHub!","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Fsupabase-tanstack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkenkyoo%2Fsupabase-tanstack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Fsupabase-tanstack/lists"}