{"id":21726818,"url":"https://github.com/velenyx/systeme.io-task","last_synced_at":"2026-04-04T21:33:04.125Z","repository":{"id":242202187,"uuid":"808954832","full_name":"velenyx/systeme.io-task","owner":"velenyx","description":"🚀 Systeme.io Table - A scalable, custom table component in NextJS, Tailwind, and TypeScript, inspired by Tanstack Table. No libraries, just pure code with editable cells and type-safe designs. Perfect for handling and displaying varied data types interactively! 💻✨","archived":false,"fork":false,"pushed_at":"2024-06-07T18:21:19.000Z","size":274,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-01-03T16:28:54.686Z","etag":null,"topics":["docker","nextjs","radix-ui","react","shadcn-ui","table","tailwindcss","typescript","vercel"],"latest_commit_sha":null,"homepage":"https://systeme-io-task.vercel.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/velenyx.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}},"created_at":"2024-06-01T09:07:59.000Z","updated_at":"2024-06-07T18:21:22.000Z","dependencies_parsed_at":"2025-01-25T19:41:18.798Z","dependency_job_id":"a3bf92c6-79ee-4915-a5d0-6abae5ee8c6b","html_url":"https://github.com/velenyx/systeme.io-task","commit_stats":null,"previous_names":["velenyx/systeme.io-task"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/velenyx/systeme.io-task","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/velenyx%2Fsysteme.io-task","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/velenyx%2Fsysteme.io-task/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/velenyx%2Fsysteme.io-task/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/velenyx%2Fsysteme.io-task/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/velenyx","download_url":"https://codeload.github.com/velenyx/systeme.io-task/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/velenyx%2Fsysteme.io-task/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31415110,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-04T20:09:54.854Z","status":"ssl_error","status_checked_at":"2026-04-04T20:09:44.350Z","response_time":60,"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":["docker","nextjs","radix-ui","react","shadcn-ui","table","tailwindcss","typescript","vercel"],"created_at":"2024-11-26T03:40:01.659Z","updated_at":"2026-04-04T21:33:04.106Z","avatar_url":"https://github.com/velenyx.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# [Systeme.io Task - Table component](https://systeme-io-task.vercel.app/)\n\n\u003e 🐳 DEMO: https://systeme-io-task.vercel.app/ \n\nDive into the beauty of custom UI components with our NextJS Custom Table Component! This project leverages the power of NextJS, TailwindCSS, and TypeScript to deliver a sleek, scalable table component inspired by Tanstack ShadTable, without using any external libraries. Our focus is on craftsmanship and detailed custom functionality.\n\n[![Table](./.github/assets/screenshot.png)](https://systeme-io-task.vercel.app/)\n\n## 🔍 Features:\n\n- ✅ Customizable columns (`Table` and `columns` props)\n- ✅ Filtering data (via `useTable` hook)\n- ✅ Dynamic debounced search filters, and faceted filters (`filterFields` prop)\n- ✅ Dynamic `Table-Toolbar` with search, filters\n---\n- ⚡ [Next.js](https://nextjs.org) with App Router support\n- 🔥 Type checking [TypeScript](https://www.typescriptlang.org)\n- 💎 Integrate with [Tailwind CSS](https://tailwindcss.com)\n- 🎨 [Shadcn/UI](https://ui.shadcn.com/) reusable components built using [Radix UI](https://www.radix-ui.com/)\n- ✅ Strict Mode for TypeScript and React 18\n- ⌨️ Form with [React Hook From](https://react-hook-form.com/)\n- 🔴 Validation library with [Zod](https://zod.dev/)\n- 📏 Linter with [ESLint](https://eslint.org)\n- 💖 Code Formatter with [Prettier](https://prettier.io)\n- 🦊 Husky for Git Hooks\n- 🚫 Lint-staged for running linters on Git staged files\n- 🚓 Lint git commit with Commitlint\n- 👷 Run checks with GitHub Actions - CI\n- 💡 Absolute Imports using `~` prefix\n- 🐳 [Docker](https://www.docker.com/) Integration\n- 🌐 Deployed on [Vercel](https://vercel.com/)\n- 🌙 Light/Dark Theme support\n\n## Running Locally\n\n1. Clone the repository\n\n```bash\ngit clone https://github.com/velenyx/systeme.io-task\n```\n\n2. Install dependencies using yarn\n\n```bash\ncorepack enable\nyarn set version from sources\nyarn\n```\n\n3. Copy the `.env.example` to `.env` and update the variables.\n\n```bash\ncp .env.example .env\n```\n\n4. Start the development server\n\n```bash\nyarn dev\n```\n\nOpen http://localhost:3000 with your favorite browser to see your project.\n\n### Project structure\n\n```shell\n├── README.md                       # README file\n├── .github                         # GitHub folder\n├── .husky                          # Husky configuration\n├── public                          # Public assets folder\n├── src\n│   ├── app                         # Next JS App (App Router)\n│   ├── components                  # Components specific to project\n│   ├── entities                    # Business entities\n│   │   ├── api                     # API calls for entities\n│   │   ├── types                   # TypeScript types\n│   ├── shared                      # Code shared across different parts of the application.\n│   │   ├── api                     # API client\n│   │   ├── const                   # Constants\n│   │   ├── lib                     # Utility library: Common functions and helpers used across the app.\n│   │   ├── types                   # Shared TypeScript types: Common type definitions used in multiple areas of the app.\n│   │   ├── ui                      # Shadcn components\n├── Dockerfile                      # Docker configuration\n├── tailwind.config.ts              # Tailwind CSS configuration\n└── tsconfig.json                   # TypeScript configuration\n```\n\n## 🧞 Commands\n\nAll commands are run from the root of the project, from a terminal:\n\n| Command                          | Action                                            |\n| :------------------------------- |:--------------------------------------------------|\n| `corepack enable`                | Enables Corepack to manage package managers       |\n| `yarn set version from sources`  | Sets Yarn to the latest version from sources      |\n| `yarn install`                   | Installs dependencies                             |\n| `yarn dev`                       | Starts the development server at `localhost:3000` |\n| `yarn build`                     | Builds the application for production usage       |\n| `yarn start`                     | Starts a Node.js server for the production build  |\n| `yarn lint`                      | Runs the linter on the project files              |\n| `yarn lint:ts:check`             | Checks ESLint errors                              |\n| `yarn lint:ts:fix`               | Fixes ESLint issues                               |\n| `yarn format:check`              | Checks formatting rules on all files              |\n| `yarn format:fix`                | Applies formatting rules to all files             |\n| `yarn typecheck`                 | Performs a type check on TypeScript files         |\n| `yarn prepare`                   | Sets up Husky for git hooks                       |\n\n### ⭐ Show Your Support\nIf this test project has helped or inspired you, please consider giving it a 💫 on GitHub. Or, if you simply liked it, a star is also much appreciated!\n\nThis section provides a friendly reminder to users about supporting the project, fostering a positive community interaction.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvelenyx%2Fsysteme.io-task","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvelenyx%2Fsysteme.io-task","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvelenyx%2Fsysteme.io-task/lists"}