{"id":27759660,"url":"https://github.com/felipfr/tanstack-start-query-clerk-template","last_synced_at":"2026-04-17T09:31:41.368Z","repository":{"id":286708473,"uuid":"962287971","full_name":"felipfr/tanstack-start-query-clerk-template","owner":"felipfr","description":"A modern, full-stack React application template built with TanStack Start, Clerk, and a rich ecosystem of cutting-edge tools.","archived":false,"fork":false,"pushed_at":"2025-09-15T04:31:55.000Z","size":495,"stargazers_count":2,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-30T04:54:40.426Z","etag":null,"topics":["clerk","new-relic","shadcn-ui","tanstack-query","tanstack-start"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/felipfr.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-04-07T23:53:14.000Z","updated_at":"2025-05-01T01:56:57.000Z","dependencies_parsed_at":"2025-04-08T01:22:34.896Z","dependency_job_id":"b67f1b9f-616b-48a5-8a14-eea12895b9b6","html_url":"https://github.com/felipfr/tanstack-start-query-clerk-template","commit_stats":null,"previous_names":["felipfr/tanstack-start-query-clerk-template"],"tags_count":1,"template":true,"template_full_name":null,"purl":"pkg:github/felipfr/tanstack-start-query-clerk-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipfr%2Ftanstack-start-query-clerk-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipfr%2Ftanstack-start-query-clerk-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipfr%2Ftanstack-start-query-clerk-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipfr%2Ftanstack-start-query-clerk-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/felipfr","download_url":"https://codeload.github.com/felipfr/tanstack-start-query-clerk-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/felipfr%2Ftanstack-start-query-clerk-template/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31923092,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-17T09:10:15.403Z","status":"ssl_error","status_checked_at":"2026-04-17T09:10:14.455Z","response_time":62,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["clerk","new-relic","shadcn-ui","tanstack-query","tanstack-start"],"created_at":"2025-04-29T12:00:13.439Z","updated_at":"2026-04-17T09:31:41.349Z","avatar_url":"https://github.com/felipfr.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TanStack Start + Clerk Template\n\nA modern, full-stack React application template built with [TanStack Start](https://tanstack.com/start), [Clerk](https://clerk.com/), and a rich ecosystem of cutting-edge tools.\n\n## Overview\n\nThis template leverages **TanStack Start**, a powerful React framework designed for maximum flexibility and scalability. It supports deployment anywhere JavaScript runs—traditional servers, serverless platforms, or even CDNs—thanks to its universal rendering capabilities. Built on top of [TanStack Router](https://tanstack.com/router/latest) and deeply integrated with [TanStack Query](https://tanstack.com/query/latest), it enables advanced routing, data fetching, and caching with ease.\n\nFor authentication and authorization, it uses **Clerk**, providing seamless user management, social login, and **Role-Based Access Control (RBAC)**. RBAC allows you to define granular permissions and secure your app effectively. Learn more about Clerk RBAC [here](https://clerk.com/docs/references/nextjs/basic-rbac).\n\n## Key Features\n\n- ⚡ **TanStack Start** — Modern React framework with universal rendering, flexible deployment, and built-in SSR.\n- 🗺️ **TanStack Router** — Type-safe, file-based routing with nested layouts and data loading.\n- 🔍 **TanStack Query** — Powerful asynchronous state management, caching, and background updates.\n- 🔐 **Clerk Auth with RBAC** — Authentication, social login, and fine-grained access control ([RBAC docs](https://clerk.com/docs/references/nextjs/basic-rbac)).\n- 🎨 **Tailwind CSS** — Utility-first styling with [shadcn/ui](https://ui.shadcn.com/) components.\n- 🧩 **Radix UI** — Accessible, composable UI primitives.\n- 🌐 **Jotai** — Atomic state management for local/global state.\n- 🛡️ **Prisma ORM** — Type-safe database access.\n- 📈 **New Relic** — Performance monitoring and observability.\n- 🧰 **Zod** — Type-safe schema validation.\n- 🌙 **Dark/Light Mode** — Theme switching with [next-themes](https://github.com/pacocoursey/next-themes).\n- 🔔 **Sonner** — Elegant toast notifications.\n- 🎭 **Lucide Icons** — Beautiful, consistent icon set.\n- ⚙️ **TypeScript** — Fully typed codebase.\n- 🧹 **Prettier \u0026 ESLint** — Code formatting and linting with TanStack plugins.l\n\n## Getting Started\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/your-username/tanstack-start-query-clerk-template.git\ncd tanstack-start-query-clerk-template\n```\n\n### 2. Install dependencies\n\n```bash\nnpm install\n# or\nyarn install\n# or\npnpm install\n```\n\n### 3. Configure environment variables\n\nCopy the example environment file and update it with your credentials:\n\n```bash\ncp .env.local.example .env.local\n```\n\nEdit `.env.local` to set up:\n\n- **Clerk** API keys and social login credentials\n- **Database** connection string (Prisma)\n- **New Relic** monitoring keys\n- App metadata (name, description, URL)\n\n### 4. Run database migrations (if applicable)\n\n```bash\nnpm run migrate:prisma\n```\n\n### 5. Start the development server\n\n```bash\nnpm run start:dev\n```\n\nVisit [http://localhost:3000](http://localhost:3000) to see your app in action.\n\n## Project Structure\n\n```plaintext\ntanstack-start-query-clerk-template/\n├── src/\n│   ├── components/        # Reusable UI components\n│   ├── lib/               # Config, hooks, helpers, types\n│   ├── routes/            # App routes (file-based, TanStack Router)\n│   ├── styles/            # Global styles (Tailwind CSS)\n│   └── ...                # SSR entry points, API utilities\n├── public/                # Static assets\n├── app.config.ts          # TanStack Start + Vite config\n├── package.json           # Dependencies and scripts\n├── tsconfig.json          # TypeScript config\n├── .env.local             # Environment variables\n└── README.md              # Project documentation\n```\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details.\n\n## Contributing\n\nContributions are welcome! Feel free to open issues or submit pull requests to improve this template.\n\n## Acknowledgements\n\n- [TanStack](https://tanstack.com/) for their incredible open-source libraries.\n- [Clerk](https://clerk.com/) for seamless authentication and RBAC.\n- [shadcn/ui](https://ui.shadcn.com/) for beautiful UI components.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipfr%2Ftanstack-start-query-clerk-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffelipfr%2Ftanstack-start-query-clerk-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffelipfr%2Ftanstack-start-query-clerk-template/lists"}