{"id":20731796,"url":"https://github.com/binodnepali/next-with-tailwindcss-example-template","last_synced_at":"2025-07-27T08:37:53.030Z","repository":{"id":177060923,"uuid":"574206486","full_name":"binodnepali/next-with-tailwindcss-example-template","owner":"binodnepali","description":"A Next.js project with Tailwind CSS","archived":false,"fork":false,"pushed_at":"2023-06-22T21:41:15.000Z","size":221,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-05-19T02:07:14.518Z","etag":null,"topics":["nextjs-starter","nextjs-tailwind","nextjs-tailwindcss-typescript","nextjs-template","tailwindcss-template"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/binodnepali.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","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,"zenodo":null}},"created_at":"2022-12-04T18:46:58.000Z","updated_at":"2023-12-07T05:24:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"f17405f9-e85c-4850-abdb-fb0301316084","html_url":"https://github.com/binodnepali/next-with-tailwindcss-example-template","commit_stats":null,"previous_names":["binodnepali/next-with-tailwindcss-example-template"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/binodnepali/next-with-tailwindcss-example-template","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binodnepali%2Fnext-with-tailwindcss-example-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binodnepali%2Fnext-with-tailwindcss-example-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binodnepali%2Fnext-with-tailwindcss-example-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binodnepali%2Fnext-with-tailwindcss-example-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/binodnepali","download_url":"https://codeload.github.com/binodnepali/next-with-tailwindcss-example-template/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/binodnepali%2Fnext-with-tailwindcss-example-template/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":260166266,"owners_count":22968632,"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":["nextjs-starter","nextjs-tailwind","nextjs-tailwindcss-typescript","nextjs-template","tailwindcss-template"],"created_at":"2024-11-17T05:16:52.552Z","updated_at":"2025-06-16T13:08:17.945Z","avatar_url":"https://github.com/binodnepali.png","language":"JavaScript","funding_links":[],"categories":["NextJS"],"sub_categories":["TailwindCSS"],"readme":"# Next.js with tailwindcss example template\n\n[![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)\n\nThis template was scaffolded from [nextjs-with-typescript-example-template](https://github.com/binodnepali/nextjs-with-typescript-example-template). And this template adds [tailwindcss](https://tailwindcss.com/) so that you can  start a new project using [Nextjs 13](https://nextjs.org/) and [tailwindcss](https://tailwindcss.com/).\n\n## Why this template\n\nThis template includes pre-installed plugins suchas [prettier](https://prettier.io/), [eslint](https://eslint.org/), [stylelint](https://stylelint.io/), [lint-staged](https://github.com/okonet/lint-staged), [commitlint](https://commitlint.js.org/) and [standard version](https://github.com/conventional-changelog/standard-version) which helps to maintain project code quality.\n\n## Before getting started\n\nMake sure you have installed [Node.js 16.8 or higher](https://nodejs.org/en/) on your machine. You can use [nvm](https://github.com/nvm-sh/nvm) to manage multiple node version on your machine.\n\n## Getting started\n\nYou can setup this project using [npm](https://www.npmjs.com/), [yarn](https://yarnpkg.com/) or [pnpm](https://pnpm.io/) package managers.\n\n### Clone repo\n\n```bash\ngit clone https://github.com/binodnepali/nextjs-with-tailwindcss-example-template.git\n#or\ngit clone git@github.com:binodnepali/nextjs-with-tailwindcss-example-template.git\n```\n\n### Navigate to cloned repo\n\n```bash\ncd nextjs-with-tailwindcss-example-template\n```\n\n### Install dependencies\n\n```bash\npnpm i\n#or\nyarn install\n#or\nnpm install\n```\n\n### Start development server\n\n```bash\npnpm dev\n#or\nyarn dev\n#or\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n### Build for production\n\n```bash\npnpm build\n#or\nyarn build\n#or\nnpm run build\n```\n\n### Start preview server after build\n\n```bash\npnpm start\n#or\nyarn start\n#or\nnpm run start\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\n### Lint\n\n```bash\npnpm lint\n#or\nyarn lint\n#or \nnpm run lint\n```\n\n### Lint fix\n\n```bash\npnpm lint:fix\n#or\nyarn lint:fix\n#or \nnpm run lint:fix\n```\n\n### Lint style\n\n```bash\npnpm lint:style\n#or\nyarn lint:style\n#or \nnpm run lint:style\n```\n\n### Lint style fix\n\n```bash\npnpm lint:style:fix\n#or\nyarn lint:style:fix\n#or \nnpm run lint:style:fix\n```\n\n### Commit\n\nOpen interactive terminal to write conventional commit message\n\n```bash\npnpm commit\n#or\nyarn commit\n#or \nnpm run commit\n```\n\n### Run first release\n\nThis will create initial release.\n\n```bash\npnpm release:first\n#or\nyarn release:first\n#or\nnpm run release:first\n```\n\n### Run release\n\nFollow the [Conventional Commits Specification](https://www.conventionalcommits.org/en/v1.0.0/) in your repository. And when you're ready to release, run below scripts.\n\n```bash\npnpm release\n#or\nyarn release\n#or\nnpm run release\n```\n\n## Learn More\n\nTo learn more about Next.js, ESLint, Prettier, StyleLint and lint-staged, take a look at the following resources:\n\n* [Next.js Documentation](https://nextjs.org/docs) - Learn about Next.js features and API\n* [Next.js ESLint](https://nextjs.org/docs/basic-features/eslint) - Learn about how to Next.js ESLint setup\n* [Prettier Setup](https://prettier.io/docs/en/install.html) - Learn about how to setup prettier\n* [Prettier Integrations](https://prettier.io/docs/en/related-projects.html) - Learn about how to setup prettier with other tools\n* [ESLint Setup](https://eslint.org/docs/user-guide/getting-started) - Learn about how to ESLint\n* [StyleLint Setup](https://stylelint.io/user-guide/get-started) - Learn about how to setup StyleLint\n* [Lint Staged Setup](https://github.com/okonet/lint-staged) - Learn about how to setup lint-staged\n* [commitlint](https://commitlint.js.org/) - Learn about how to use commit lint\n* [Standard Version](https://github.com/conventional-changelog/standard-version) - Learn about how to setup standar version\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinodnepali%2Fnext-with-tailwindcss-example-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbinodnepali%2Fnext-with-tailwindcss-example-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbinodnepali%2Fnext-with-tailwindcss-example-template/lists"}