{"id":29673631,"url":"https://github.com/tyecode/cc-next","last_synced_at":"2025-10-14T12:04:18.149Z","repository":{"id":255923982,"uuid":"853888542","full_name":"tyecode/cc-next","owner":"tyecode","description":"CLI tool to create a Next.js app with custom setup for Tailwind CSS, TypeScript, and ESLint + Prettier.","archived":false,"fork":false,"pushed_at":"2025-08-09T09:09:43.000Z","size":205,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-13T10:16:32.828Z","etag":null,"topics":["cli","font-end","next","script","tailwind","typescript","web"],"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/tyecode.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","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":"2024-09-07T20:15:30.000Z","updated_at":"2025-08-09T09:09:41.000Z","dependencies_parsed_at":"2024-09-14T08:10:02.161Z","dependency_job_id":"d1f29890-0c55-4a3f-9237-637e11d28d60","html_url":"https://github.com/tyecode/cc-next","commit_stats":{"total_commits":15,"total_committers":1,"mean_commits":15.0,"dds":0.0,"last_synced_commit":"ce6addabf32ee2a24a34be3d3d53c80ba5097388"},"previous_names":["tyecode/create-custom-next","tyecode/cc-next","tyecoder/cc-next"],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/tyecode/cc-next","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyecode%2Fcc-next","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyecode%2Fcc-next/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyecode%2Fcc-next/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyecode%2Fcc-next/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tyecode","download_url":"https://codeload.github.com/tyecode/cc-next/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tyecode%2Fcc-next/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279019220,"owners_count":26086574,"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","status":"online","status_checked_at":"2025-10-14T02:00:06.444Z","response_time":60,"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":["cli","font-end","next","script","tailwind","typescript","web"],"created_at":"2025-07-22T22:04:49.653Z","updated_at":"2025-10-14T12:04:18.144Z","avatar_url":"https://github.com/tyecode.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tyecode/cc-next\n\nThis is a TypeScript-based CLI tool that automates the setup of a Next.js project with TypeScript, Tailwind CSS, Prettier, and ESLint. It allows users to select their preferred package manager and handles all necessary configurations, including setting up Prettier and ESLint with Tailwind CSS formatting, creating essential directories, and installing helpful packages like clsx and tailwind-merge.\n\n## Contents\n\n- [**Feature**](#feature)\n- [**Getting Started**](#getting-started)\n- [**Usage**](#usage)\n- [**Project Structure**](#project-structure)\n- [**Dependencies**](#dependencies)\n- [**Configuration**](#configuration)\n- [**Contributing**](#contributing)\n- [**License**](#license)\n\n## Feature\n\n- **Automated Next.js Project Setup:** Quickly set up a new Next.js project with TypeScript and Tailwind CSS.\n- **TypeScript-First Development:** Built with TypeScript for improved type safety and maintainability.\n- **Customizable Package Manager:** Choose between npm, yarn, or pnpm as your preferred package manager.\n- **Prettier and ESLint Configuration:** Prettier and ESLint are installed and configured with rules tailored for Tailwind CSS.\n- **Utilities:** Installs clsx and tailwind-merge for optimized class management in Tailwind CSS.\n- **CLI Options:** Includes version checking and other command-line utilities for enhanced developer experience.\n\n## Getting Started\n\nYou can use `npx` to run the setup script without cloning the repository.\n\n1. Run the following command:\n\n```bash\nnpx @tyecode/cc-next\n```\n\n2. Follow the prompts to specify your project name and select a package manager.\n\n\u003e This will automatically set up your Next.js project and install all necessary configurations, including TypeScript, Tailwind CSS, Prettier, and ESLint.\n\n## Usage\n\n### Basic Usage\n\nWhen you run the CLI tool, you will be prompted with the following questions:\n\n1. **Package Manager**: Select the package manager you'd like to use: `npm`, `yarn`, or `pnpm`.\n2. **Project Name**: The name of your Next.js project (default: my-next-app).\n\nBased on your input, the tool will:\n\n- Create a new Next.js project using the selected package manager.\n- Set up TypeScript, Tailwind CSS, and various project structure elements.\n- Install Prettier and ESLint, along with the necessary plugins and configuration files.\n- Install utility packages (clsx, tailwind-merge).\n- Create essential directories (components, hooks, utils).\n- Run formatting and linting to ensure code quality.\n\n### CLI Options\n\n```bash\n# Display version information\nnpx @tyecode/cc-next --version\n\n# Get help information\nnpx @tyecode/cc-next --help\n```\n\n## Project Structure\n\nThe CLI tool creates the following project structure:\n\n```\nmy-next-app/\n├── src/\n│   ├── app/              # Next.js app directory (App Router)\n│   ├── components/       # Directory for React components\n│   ├── hooks/            # Directory for custom React hooks\n│   └── utils/\n│       └── cn.ts         # Utility for managing Tailwind CSS classes\n├── .eslintrc.json        # ESLint configuration file\n├── .prettierrc.json      # Prettier configuration file\n├── tailwind.config.ts    # Tailwind CSS configuration\n├── tsconfig.json         # TypeScript configuration\n└── package.json          # Project dependencies and scripts\n```\n\n## Dependencies\n\nThe following dependencies are installed during the setup process:\n\n### Core Dependencies\n\n- **Next.js** - React framework for production\n- **TypeScript** - Type-safe JavaScript\n- **Tailwind CSS** - Utility-first CSS framework\n\n### Development Tools\n\n- **Prettier** - Code formatter with Tailwind CSS plugin\n- **ESLint** - Linting utility for JavaScript/TypeScript\n- **prettier-plugin-tailwindcss** - Automatic class sorting for Tailwind CSS\n\n### Utility Libraries\n\n- **clsx** - Utility for constructing className strings conditionally\n- **tailwind-merge** - Utility for merging Tailwind CSS classes without style conflicts\n\n## Development\n\nThis project is built with TypeScript and includes modern development tooling:\n\n- **TypeScript** for type safety and better developer experience\n- **ESLint** for code quality and consistency\n- **Prettier** with Tailwind CSS plugin for automated formatting\n- **Jest** for unit testing\n- **Rollup** for efficient bundling\n\n## Configuration\n\n### Prettier Configuration `.prettierrc.json`\n\n```json\n{\n  \"$schema\": \"https://json.schemastore.org/prettierrc\",\n  \"singleQuote\": false,\n  \"trailingComma\": \"all\",\n  \"semi\": true,\n  \"bracketSpacing\": true,\n  \"tabWidth\": 2,\n  \"printWidth\": 100,\n  \"plugins\": [\"prettier-plugin-tailwindcss\"]\n}\n```\n\n### ESLint Configuration `.eslintrc.json`\n\n```json\n{\n  \"extends\": [\n    \"next/core-web-vitals\",\n    \"next/typescript\",\n    \"plugin:prettier/recommended\"\n  ]\n}\n```\n\n## Contributing\n\nContributions are welcome, and this project is a great starting point for anyone looking to get involved in open-source development. Whether you’re new to contributing or a seasoned developer, your input is valued!\n\nPlease read the [Contributing guideline](https://github.com/tyecode/cc-next/blob/main/CONTRIBUTING.md).\n\n## License\n\nThis project is licensed under the MIT License. See the [LICENSE](https://github.com/tyecode/cc-next/blob/main/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyecode%2Fcc-next","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftyecode%2Fcc-next","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftyecode%2Fcc-next/lists"}