{"id":26047708,"url":"https://github.com/icflorescu/mantine-tanstack-start-template","last_synced_at":"2025-03-07T23:13:18.304Z","repository":{"id":281095044,"uuid":"944191850","full_name":"icflorescu/mantine-tanstack-start-template","owner":"icflorescu","description":"The easiest way to initialize a new project with Mantine and TanStack Start.","archived":false,"fork":false,"pushed_at":"2025-03-06T23:57:37.000Z","size":0,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-07T00:30:53.266Z","etag":null,"topics":["mantine","react","tanstack-router","tanstack-start","template","typescript"],"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/icflorescu.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}},"created_at":"2025-03-06T23:54:01.000Z","updated_at":"2025-03-07T00:06:47.000Z","dependencies_parsed_at":"2025-03-07T04:15:22.727Z","dependency_job_id":null,"html_url":"https://github.com/icflorescu/mantine-tanstack-start-template","commit_stats":null,"previous_names":["icflorescu/mantine-tanstack-start-template"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icflorescu%2Fmantine-tanstack-start-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icflorescu%2Fmantine-tanstack-start-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icflorescu%2Fmantine-tanstack-start-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/icflorescu%2Fmantine-tanstack-start-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/icflorescu","download_url":"https://codeload.github.com/icflorescu/mantine-tanstack-start-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242473054,"owners_count":20134020,"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","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":["mantine","react","tanstack-router","tanstack-start","template","typescript"],"created_at":"2025-03-07T23:13:17.844Z","updated_at":"2025-03-07T23:13:18.295Z","avatar_url":"https://github.com/icflorescu.png","language":"TypeScript","funding_links":["https://github.com/sponsors/icflorescu"],"categories":[],"sub_categories":[],"readme":"# Mantine + TanStack Start Template\n\n\u003e Warning, this is a work in progress.\n\nThe easiest way to initialize a new project with [Mantine](https://mantine.dev/) and [TanStack Start](https://tanstack.com/start).\n\n## Features\n\nThis is an **opinionated** template that includes:\n\n- [Mantine](https://mantine.dev/), the best React UI library\n- [TanStack Start](https://tanstack.com/start), a sane alternative to Next.js\n- Styling with [CSS Modules](https://mantine.dev/styles/css-modules/), the recommended way to style Mantine applications\n- Performant linting and formatting with [Biome](https://biomejs.dev/) for most of the codebase and [Prettier](https://prettier.io/) for PostCSS (because Biome lacks PostCSS support at the moment)\n- TypeScript, of course\n- No TailwindCSS\n- [Prisma](https://www.prisma.io/) for database access (should be easy to replace with [Drizzle](https://orm.drizzle.team/) or [Kysely](https://kysely.dev/))\n- [SQLite](https://www.sqlite.org/)-file database\n\n## Getting Started\n\nInstall dependencies with `pnpm i` and start the development server with `pnpm dev`.\n\n## Why this exists\n\nI've been using Mantine and Next.js for a while to build most of my projects for the past few years.  \nNext.js is a great framework, but, to put it bluntly, it's not in a sweet spot right now.  \nTanStack Start looks like the perfect alternative, but the process of setting up a new project from scratch with Mantine is a bit cumbersome.\n\n## Q \u0026 A\n\n1. **Why/how are Mantine package styles imported in `__root.css` instead of directly in `__root.tsx`?**  \n   Mantine package styles are imported in `__root.css` with the help of [postcss-import](https://github.com/postcss/postcss-import) plugin, in order to generate a single static asset in production.\n\n2. **Why Prisma**  \n   I've been using Prisma for a while now and I'm content with it. Kysely and Drizzle are great alternatives, but - same as with Prisma - I've found myself reaching for good old [Knex.js Query Builder](https://knexjs.org/guide/query-builder.html) whenever I needed to dynamically build custom, high-performance SQL statements.\n\n3. **Why SQLite**  \n   Because it's easy to set up, a great choice for prototyping, local development, and - believe it or not - even production (see [Turso](https://turso.tech/)).  \n   I'm using PostgreSQL for large projects, though, but I didn't want to add a Dockerfile to this project.\n\n4. **Why not TailwindCSS \u0026\u0026 ShadcnUI**  \n   To cut short a potentially long debate: Mantine already provides enough properly-styled components.  \n   If you're here, you're problably looking for a way to quickly build an application that features truly user-frienly input components out-of-the-box.\n\n## Support the project\n\nIf you find this package useful, please consider ❤️ [sponsoring my work](https://github.com/sponsors/icflorescu).  \nYour sponsorship will help me dedicate more time to maintaining the project and will encourage me to add new features and fix existing bugs.  \nIf you're a company using Mantine, [Mantine DataTable](https://icflorescu.github.io/mantine-datatable/), [Mantine ContextMenu](https://icflorescu.github.io/mantine-contextmenu/) or other open-source projects I built, I'd love to hear from you.  \nIf you need help in a commercial project, you can also hire my services (see [hiring the author](#hiring-the-author) below).  \nStarring the repo on GitHub is also greatly appreciated.\n\n## Hiring the author\n\nIf you want to hire my services, don’t hesitate to drop me a line at the email address listed in my [GitHub profile](https://github.com/icflorescu).\nMentioning “Mantine and TanStack” will result in a faster response.\n\n## Acknowledgements\n\nSpecial thanks to [Tanner Linsley](https://github.com/tannerlinsley), [Vitaly Rtishchev](https://github.com/rtivital) and the awesome contributors of [TanStack](https://tanstack.com/) and [Mantine](https://mantine.dev/) for putting countless hours of work into building and maintaining these amazing projects.\n\n## License\n\nThe [MIT License](https://github.com/icflorescu/mantine-datatable/blob/master/LICENSE).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficflorescu%2Fmantine-tanstack-start-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ficflorescu%2Fmantine-tanstack-start-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ficflorescu%2Fmantine-tanstack-start-template/lists"}