{"id":15856836,"url":"https://github.com/ambiere/next-clsx","last_synced_at":"2026-04-11T00:12:26.187Z","repository":{"id":231715898,"uuid":"782523291","full_name":"ambiere/next-clsx","owner":"ambiere","description":"Your styling woes is a thing of the past.","archived":false,"fork":false,"pushed_at":"2024-04-29T18:18:25.000Z","size":26,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T08:04:59.594Z","etag":null,"topics":["class","classname","css","nextjs","tailwindcss"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/ambiere.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":".github/funding.yml","license":"license","code_of_conduct":".github/code_of_conduct.md","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},"funding":{"github":"ambiere"}},"created_at":"2024-04-05T13:15:35.000Z","updated_at":"2024-04-29T18:18:28.000Z","dependencies_parsed_at":"2024-04-19T12:42:48.054Z","dependency_job_id":"78ffdd0b-4389-46f7-b815-b6996879cfa0","html_url":"https://github.com/ambiere/next-clsx","commit_stats":null,"previous_names":["ambiere/clsx","ambiere/next-clsx"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ambiere%2Fnext-clsx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ambiere%2Fnext-clsx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ambiere%2Fnext-clsx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ambiere%2Fnext-clsx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ambiere","download_url":"https://codeload.github.com/ambiere/next-clsx/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246699039,"owners_count":20819664,"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":["class","classname","css","nextjs","tailwindcss"],"created_at":"2024-10-05T20:04:11.846Z","updated_at":"2025-12-30T23:13:08.336Z","avatar_url":"https://github.com/ambiere.png","language":"JavaScript","funding_links":["https://github.com/sponsors/ambiere"],"categories":[],"sub_categories":[],"readme":"## Configuration\n\nTo enhance styling workflow, improving reusability and\nsimplifying maintenance tasks.brnext-clsx provide several\nconfiguration options to customize the behavior of next-clsx\naccording to your project's requirements.\n\n\u003eConfiguration file name convention: `clsx.config.mjs`\n\nThe configuration file should be at the root of the project and\nbelow are the available configuration options:\n\n```js\n{\n  // absolute path to root global styles.\n  // Default: \"./app/ui/style/\"\n  root: \"./app/ui/styles/\",\n  // Specify routes with route-level global styles\n  // Default: []\n  routeRoot: [\n      {\n        route: \"\",\n        root:\"\",\n        replaceRoot:false,\n        mergeWithRoot:false,\n        overrideRoot:false,\n      }\n    ]\n}\n```\n\n### routeRoot\n\n### route\n\nAbsolute path to the route root\nType: string\n\n### root\n\nAbsolute path to the route-level global styles for a given route\nDefault: \"project-root/path/to/route/ui/styles/\"\nOptional: true\n\n### replaceRoot\n\nAll the styles in root global files with the same key as those\nin route-level global styles and/or local styles will be replaced\nand if does not exist, will be defined in global files and will only\nbe accessible by the route itself. If you want to opt out of this\nbehavior you need to specify how should the local styles and/or route-level\nglobal styles be handled with either `overrideRoot` or `mergeWithRoot`\noptions, hence,`replaceRoot` will automatically be set to false, no need to\nexplicit set it to false.\n\nDefault: true\nOptional: true\n\n### mergeWithRoot\n\nAll the styles in root global files with the same key as those\nin local styles and/or route-level global styles will be merged\nand if does not exist, will be defined in global files and will\nonly be accessible by the route itself.\n\nDefault: false\nOptional: true\n\n### overrideRoot\n\nAll the styles in root global files will be overridden with local styles\nand/or route-level global styles.\n\nDefault: false\nOptional: true\n\n\n\nPrecedence:\n\n`overrideRoot`  `mergeWithRoot` \u003e `overrideRoot`\n\n\nDefault next-clsx configuration\n\n```js\n{\n  root: \"./app/ui/style/\",\n  routeRoot: []\n}\n```\n\nPossible next-clsx configuration\n\nProject  structure:\n\n```txt\n   app\n   ├── dashboard\n   │   ├── components\n   │   └── ui\n   ├── settings\n   └── ui\n       ├── omponents\n       └── style\n\n```\n```js\n{\n  root: \"./app/ui/style/\",\n  routeRoot: [\n    {\n      root: \"./app/dashboard/\",\n      route:\n    }\n  ]\n}\n```\n\n\n## License\n\n[MIT license][MIT]\n\n[MIT]: https://github.com/ambiere/next-clsx/blob/main/license\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fambiere%2Fnext-clsx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fambiere%2Fnext-clsx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fambiere%2Fnext-clsx/lists"}