{"id":48406529,"url":"https://github.com/omnidotdev/template-tanstack-start","last_synced_at":"2026-04-06T03:37:19.979Z","repository":{"id":334519570,"uuid":"1008028790","full_name":"omnidotdev/template-tanstack-start","owner":"omnidotdev","description":"🌴 TanStack Start template","archived":false,"fork":false,"pushed_at":"2026-03-31T11:39:54.000Z","size":2789,"stargazers_count":4,"open_issues_count":11,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2026-04-06T03:37:18.393Z","etag":null,"topics":["foss","mit","open-source","start","tanstack","template"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/omnidotdev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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},"funding":{"github":["omnidotdev"],"custom":["https://omni.dev"]}},"created_at":"2025-06-24T23:12:51.000Z","updated_at":"2026-03-27T23:55:43.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/omnidotdev/template-tanstack-start","commit_stats":null,"previous_names":["omnidotdev/template-tanstack-start"],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/omnidotdev/template-tanstack-start","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnidotdev%2Ftemplate-tanstack-start","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnidotdev%2Ftemplate-tanstack-start/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnidotdev%2Ftemplate-tanstack-start/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnidotdev%2Ftemplate-tanstack-start/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omnidotdev","download_url":"https://codeload.github.com/omnidotdev/template-tanstack-start/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omnidotdev%2Ftemplate-tanstack-start/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31458838,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-05T21:22:52.476Z","status":"online","status_checked_at":"2026-04-06T02:00:07.287Z","response_time":112,"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":["foss","mit","open-source","start","tanstack","template"],"created_at":"2026-04-06T03:37:16.441Z","updated_at":"2026-04-06T03:37:19.973Z","avatar_url":"https://github.com/omnidotdev.png","language":"TypeScript","funding_links":["https://github.com/sponsors/omnidotdev","https://omni.dev"],"categories":[],"sub_categories":[],"readme":"# 🌴 TanStack Start Template\n\nThis is a template repository for a frontend web application powered by [TanStack Start](https://tanstack.com/start).\n\n## Features\n\n- 🚀 **Modern React Stack**: Built with [TanStack Start](https://tanstack.com/start) and TypeScript for optimal developer experience and performance\n- 🔐 **Authentication \u0026 Authorization**:\n  - [Better Auth](https://www.better-auth.com) integration with OAuth2/OpenID Connect support\n  - JWT-based authentication with remote JWKS validation via [jose](https://github.com/panva/jose)\n  - Protected routes with automatic redirects\n  - Server-side authentication middleware\n- 💳 **Payments \u0026 Subscriptions**:\n  - [Stripe](https://stripe.com) integration for payment processing\n  - Subscription management with billing portal\n  - Pricing pages with tier comparison\n  - Customer portal for subscription updates and cancellations\n- 🎨 **UI/UX**:\n  - Modern component library with [Ark UI](https://ark-ui.com) and [shadcn/ui](https://ui.shadcn.com) patterns\n  - [Tailwind CSS](https://tailwindcss.com) v4 with optimized class sorting\n  - [tw-animate-css](https://github.com/Wombosvideo/tw-animate-css) for Tailwind-powered animations\n  - Dark/light theme support with persistent preferences\n  - Responsive design with mobile-first approach\n  - Toast notifications with [Sonner](https://sonner.emilkowal.ski)\n  - [Lucide React](https://lucide.dev) and [Simple Icons](https://simpleicons.org) for iconography\n- 📱 **Progressive Web App (PWA)**:\n  - [Serwist](https://serwist.pages.dev) service worker for offline functionality\n  - App installation with native-like experience\n  - Automatic updates with user notifications\n  - Offline status indicators and caching strategies\n  - Web app manifest for app store distribution\n  - Background sync and push notification ready\n- 📊 **Data Management**:\n  - [TanStack Query](https://tanstack.com/query) for server state management\n  - [TanStack Table](https://tanstack.com/table) for data visualization\n  - GraphQL integration with code generation\n  - Type-safe API calls with [GraphQL Request](https://github.com/jasonkuhrt/graphql-request)\n  - [Zod](https://zod.dev) for runtime schema validation\n- 📈 **GraphQL Integration**:\n  - [GraphQL Code Generator](https://the-guild.dev/graphql/codegen) for type-safe queries\n  - React Query hooks generation\n  - TypeScript SDK generation\n  - MSW mocks for testing\n- 🧪 **Testing**:\n  - Unit tests with [Bun test runner](https://bun.sh/docs/cli/test)\n  - [Testing Library](https://testing-library.com) for component testing\n  - [Happy DOM](https://github.com/nicholascrm/happy-dom) for fast DOM simulation\n  - E2E tests with [Playwright](https://playwright.dev)\n  - [MSW (Mock Service Worker)](https://mswjs.io) for API mocking\n  - Coverage reporting\n- 🛠️ **Developer Experience**:\n  - Hot module replacement during development\n  - [TanStack Devtools](https://tanstack.com/devtools) for Query, Router, and React debugging\n  - Code quality with [Biome](https://biomejs.dev) for linting and formatting\n  - Git hooks with [Husky](https://typicode.github.io/husky)\n  - TypeScript strict mode with comprehensive type safety\n  - [Knip](https://knip.dev) for unused dependency detection\n  - Easy spin up with [Tilt](https://tilt.dev)\n- 🚢 **Production Ready**:\n  - Server-side rendering (SSR) support\n  - Environment-specific configurations\n  - TLS/HTTPS support with [mkcert](https://github.com/nicholascrm/vite-plugin-mkcert)\n  - Optimized build process with Vite\n  - Route-based code splitting\n\n## Local Development\n\nFirst, `cp .env.local.template .env.local` and fill in the values.\n\n### Building and Running\n\nRun `tilt up`, or:\n\n```sh\nbun i\n```\n\n```sh\nbun dev\n```\n\n### PWA (Optional Tasks)\n\n#### Generate Icons\n\nGenerate PWA icons:\n\n```sh\nbun icons:generate\n```\n\n#### Audit\n\nRun a comprehensive PWA audit with [Unlighthouse](https://unlighthouse.dev):\n\n```sh\n# first, start the dev server\nbun dev\n\n# in another terminal, run the audit\nbun pwa:audit\n```\n\nThis crawls the entire site and runs Google Lighthouse audits on each page, providing a dashboard with:\n\n- Performance scores\n- Accessibility checks\n- Best practices\n- SEO analysis\n- PWA compliance\n\n## Docker\n\nBuild and run with Docker:\n\n```sh\ndocker build -t app .\ndocker run -p 3000:3000 app\n```\n\nThe Dockerfile uses a multi-stage build:\n\n1. **deps** - Install dependencies with `bun install --frozen-lockfile`\n2. **builder** - Build the application with `bun run build`\n3. **runner** - Production image with only `.output` and `node_modules`\n\nKey configuration:\n\n- `NODE_PATH` is set to resolve modules from both `/app/node_modules` and `/app/.output/server/node_modules`\n- Runs Bun directly (`bun .output/server/index.mjs`) to avoid node shim compatibility issues\n\n## Testing\n\nThe project includes a comprehensive test suite with unit tests and E2E tests.\n\n### Unit Tests\n\n```sh\nbun test\n\n# or in watch mode\nbun test:watch\n\n# or test with coverage reporting\nbun test:coverage\n```\n\n### E2E Tests\n\n```sh\n# first, ensure Playwright browsers are installed\nbunx playwright install\n\n# run E2E tests\nbun test:e2e\n\n# or run with UI\nbun test:e2e:ui\n```\n\nTests use [MSW (Mock Service Worker)](https://mswjs.io) to mock API calls. GraphQL mocks are auto-generated in `src/generated/graphql.mock.ts` via GraphQL Code Generator.\n\n## License\n\nThe code in this repository is licensed under Apache 2.0, \u0026copy; [Omni LLC](https://omni.dev). See [LICENSE.md](LICENSE.md) for more information.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomnidotdev%2Ftemplate-tanstack-start","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomnidotdev%2Ftemplate-tanstack-start","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomnidotdev%2Ftemplate-tanstack-start/lists"}