{"id":26104864,"url":"https://github.com/jenis0619/ts-nextjs-tailwind-starter","last_synced_at":"2025-03-09T21:02:15.992Z","repository":{"id":281510062,"uuid":"945077251","full_name":"Jenis0619/ts-nextjs-tailwind-starter","owner":"Jenis0619","description":"🔋 Next.js + Tailwind CSS + TypeScript starter and boilerplate packed with useful development features","archived":false,"fork":false,"pushed_at":"2025-03-08T16:22:19.000Z","size":2371,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-09T16:22:25.011Z","etag":null,"topics":["absolute-imports","boilerplate","eslint","jest","nextjs","nextjs-starter","react","snippets","tailwind","tailwind-css","tailwindcss-starter","tailwindcss-starter-kit","typescript"],"latest_commit_sha":null,"homepage":"https://tsnext-tw.thcl.dev/","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/Jenis0619.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"github":"theodorusclarence","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":["https://saweria.co/theodorusclarence"]}},"created_at":"2025-03-08T15:55:43.000Z","updated_at":"2025-03-08T16:25:39.000Z","dependencies_parsed_at":"2025-03-09T16:26:27.420Z","dependency_job_id":"ed1954ea-b0c0-4843-a35d-68477a453f19","html_url":"https://github.com/Jenis0619/ts-nextjs-tailwind-starter","commit_stats":null,"previous_names":["jenis0619/ts-nextjs-tailwind-starter"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jenis0619%2Fts-nextjs-tailwind-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jenis0619%2Fts-nextjs-tailwind-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jenis0619%2Fts-nextjs-tailwind-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Jenis0619%2Fts-nextjs-tailwind-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Jenis0619","download_url":"https://codeload.github.com/Jenis0619/ts-nextjs-tailwind-starter/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242750784,"owners_count":20179258,"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":["absolute-imports","boilerplate","eslint","jest","nextjs","nextjs-starter","react","snippets","tailwind","tailwind-css","tailwindcss-starter","tailwindcss-starter-kit","typescript"],"created_at":"2025-03-09T21:02:12.918Z","updated_at":"2025-03-09T21:02:15.937Z","avatar_url":"https://github.com/Jenis0619.png","language":"TypeScript","funding_links":["https://github.com/sponsors/theodorusclarence","https://saweria.co/theodorusclarence"],"categories":[],"sub_categories":[],"readme":"# Next.js + Tailwind CSS + TypeScript Starter and Boilerplate\n\n\u003cdiv align=\"center\"\u003e\n  \u003ch2\u003e🔋 ts-nextjs-tailwind-starter\u003c/h2\u003e\n  \u003cp\u003eNext.js + Tailwind CSS + TypeScript starter packed with useful development features.\u003c/p\u003e\n\n[![GitHub Repo stars](https://img.shields.io/github/stars/Jenis0619/ts-nextjs-tailwind-starter)](https://github.com/Jenis0619/ts-nextjs-tailwind-starter/stargazers)\n[![Depfu](https://badges.depfu.com/badges/fc6e730632ab9dacaf7df478a08684a7/overview.svg)](https://depfu.com/github/Jenis0619/ts-nextjs-tailwind-starter?project_id=30160)\n[![Last Update](https://img.shields.io/badge/deps%20update-every%20sunday-blue.svg)](https://shields.io/)\n\n\u003c/div\u003e\n\n## Features\n\nThis repository is 🔋 battery packed with:\n\n- ⚡️ Next.js 14 with App Router\n- ⚛️ React 18\n- ✨ TypeScript\n- 💨 Tailwind CSS 3 — Configured with CSS Variables to extend the **primary** color\n- 💎 Pre-built Components — Components that will **automatically adapt** with your brand color, [check here for the demo](https://tsnext-tw.thcl.dev/components)\n- 🃏 Jest — Configured for unit testing\n- 📈 Absolute Import and Path Alias — Import components using `@/` prefix\n- 📏 ESLint — Find and fix problems in your code, also will **auto sort** your imports\n- 💖 Prettier — Format your code consistently\n- 🐶 Husky \u0026 Lint Staged — Run scripts on your staged files before they are committed\n- 🤖 Conventional Commit Lint — Make sure you \u0026 your teammates follow conventional commit\n- ⏰ Release Please — Generate your changelog by activating the `release-please` workflow\n- 👷 Github Actions — Lint your code on PR\n- 🚘 Automatic Branch and Issue Autolink — Branch will be automatically created on issue **assign**, and auto linked on PR\n- 🔥 Snippets — A collection of useful snippets\n- 👀 Open Graph Helper Function — Awesome open graph generated using [og](https://github.com/Jenis0619/og), fork it and deploy!\n- 🗺 Site Map — Automatically generate sitemap.xml\n- 📦 Expansion Pack — Easily install common libraries, additional components, and configs.\n\nSee the 👉 [feature details and changelog](https://github.com/Jenis0619/ts-nextjs-tailwind-starter/blob/main/CHANGELOG.md) 👈 for more.\n\n## Getting Started\n\n### 1. Clone this template using one of the three ways\n\n1. Use this repository as template\n\n   **Disclosure:** by using this repository as a template, there will be an attribution on your repository.\n\n   I'll appreciate if you do, so this template can be known by others too 😄\n\n   ![Use as template](https://user-images.githubusercontent.com/55318172/129183039-1a61e68d-dd90-4548-9489-7b3ccbb35810.png)\n\n2. Using `create-next-app`\n\n   ```bash\n   pnpm create next-app  -e https://github.com/Jenis0619/ts-nextjs-tailwind-starter ts-pnpm\n   ```\n\n   If you still want to use **pages directory** (_is not actively maintained_) you can use this command\n\n   ```bash\n   npx create-next-app -e https://github.com/Jenis0619/ts-nextjs-tailwind-starter/tree/pages-directory project-name\n   ```\n\n3. Using `degit`\n\n   ```bash\n   npx degit Jenis0619/ts-nextjs-tailwind-starter YOUR_APP_NAME\n   ```\n\n4. Deploy to Vercel\n\n   [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2FJenis0619%2Fts-nextjs-tailwind-starter)\n\n### 2. Install dependencies\n\nIt is encouraged to use **pnpm** so the husky hooks can work properly.\n\n```bash\npnpm install\n```\n\n### 3. Run the development server\n\nYou can start the server using this command:\n\n```bash\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result. You can start editing the page by modifying `src/pages/index.tsx`.\n\n### 4. Change defaults\n\nThere are some things you need to change including title, urls, favicons, etc.\n\nFind all comments with !STARTERCONF, then follow the guide.\n\nDon't forget to change the package name in package.json\n\n### 5. Commit Message Convention\n\nThis starter is using [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/), it is mandatory to use it to commit changes.\n\n## Expansion Pack 📦\n\nThis starter is now equipped with an [expansion pack](https://github.com/Jenis0619/expansion-pack).\n\nYou can easily add expansion such as React Hook Form + Components, Storybook, and more just using a single command line.\n\n\u003chttps://user-images.githubusercontent.com/55318172/146631994-e1cac137-1664-4cfe-950b-a96decc1eaa6.mp4\u003e\n\nCheck out the [expansion pack repository](https://github.com/Jenis0619/expansion-pack) for the commands\n\n### App Router Update\n\nDue to App Router update, the expansion pack is currently **outdated**. It will be updated in the future. You can still use them by copy and pasting the files.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjenis0619%2Fts-nextjs-tailwind-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjenis0619%2Fts-nextjs-tailwind-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjenis0619%2Fts-nextjs-tailwind-starter/lists"}