{"id":24192795,"url":"https://github.com/joeydotdev/website","last_synced_at":"2025-07-28T19:40:42.908Z","repository":{"id":38422944,"uuid":"499702671","full_name":"joeydotdev/website","owner":"joeydotdev","description":"joey.dev website","archived":false,"fork":false,"pushed_at":"2023-08-30T19:33:21.000Z","size":516,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-13T16:30:01.443Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://joey.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/joeydotdev.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":"2022-06-04T02:20:39.000Z","updated_at":"2022-06-04T04:37:07.000Z","dependencies_parsed_at":"2025-01-13T16:29:40.990Z","dependency_job_id":"995a4757-8e64-4840-b339-5b61128c29b6","html_url":"https://github.com/joeydotdev/website","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":"theodorusclarence/ts-nextjs-tailwind-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeydotdev%2Fwebsite","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeydotdev%2Fwebsite/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeydotdev%2Fwebsite/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/joeydotdev%2Fwebsite/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/joeydotdev","download_url":"https://codeload.github.com/joeydotdev/website/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241612377,"owners_count":19990786,"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":[],"created_at":"2025-01-13T16:29:22.170Z","updated_at":"2025-03-03T05:23:30.110Z","avatar_url":"https://github.com/joeydotdev.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n  \u003ch1\u003e🔋 ts-nextjs-tailwind-starter\u003c/h1\u003e\n  \u003cp\u003eNext.js + Tailwind CSS + TypeScript starter packed with useful development features.\u003c/p\u003e\n  \u003cp\u003eMade by \u003ca href=\"https://theodorusclarence.com\"\u003eTheodorus Clarence\u003c/a\u003e\u003c/p\u003e\n  \n  \n  [![CodeFactor](https://www.codefactor.io/repository/github/theodorusclarence/ts-nextjs-tailwind-starter/badge/main)](https://www.codefactor.io/repository/github/theodorusclarence/ts-nextjs-tailwind-starter/overview/main)\n  [![Maintainability Rating](https://sonarcloud.io/api/project_badges/measure?project=theodorusclarence_ts-nextjs-tailwind-starter\u0026metric=sqale_rating)](https://sonarcloud.io/dashboard?id=theodorusclarence_ts-nextjs-tailwind-starter)\n  [![Bugs](https://sonarcloud.io/api/project_badges/measure?project=theodorusclarence_ts-nextjs-tailwind-starter\u0026metric=bugs)](https://sonarcloud.io/dashboard?id=theodorusclarence_ts-nextjs-tailwind-starter)\n  [![GitHub Repo stars](https://img.shields.io/github/stars/theodorusclarence/ts-nextjs-tailwind-starter)](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/stargazers)\n  \n  [![Depfu](https://badges.depfu.com/badges/fc6e730632ab9dacaf7df478a08684a7/overview.svg)](https://depfu.com/github/theodorusclarence/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\u003c/div\u003e\n\n## Features\n\nThis repository is 🔋 battery packed with:\n\n- ⚡️ Next.js 12\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- ⏰ Standard Version Changelog — Generate your changelog using `yarn release`\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- 👀 Default Open Graph — Awesome open graph generated using [og.thcl.dev](https://github.com/theodorusclarence/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/theodorusclarence/ts-nextjs-tailwind-starter/blob/main/CHANGELOG.md) 👈 for more.\n\nYou can also check all of the **details and demos** on my blog post:\n\n- [One-stop Starter to Maximize Efficiency on Next.js \u0026 Tailwind CSS Projects](https://theodorusclarence.com/blog/one-stop-starter)\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   npx create-next-app -e https://github.com/theodorusclarence/ts-nextjs-tailwind-starter project-name\n   ```\n\n3. 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%2Ftheodorusclarence%2Fts-nextjs-tailwind-starter)\n\n### 2. Install dependencies\n\nIt is encouraged to use **yarn** so the husky hooks can work properly.\n\n```bash\nyarn install\n```\n\n### 3. Run the development server\n\nYou can start the server using this command:\n\n```bash\nyarn 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/theodorusclarence/expansion-pack).\n\nYou can easily add expansion such as React Hook Form + Components, Storybook, and more just using a single command line.\n\nhttps://user-images.githubusercontent.com/55318172/146631994-e1cac137-1664-4cfe-950b-a96decc1eaa6.mp4\n\nCheck out the [expansion pack repository](https://github.com/theodorusclarence/expansion-pack) for the commands\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeydotdev%2Fwebsite","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjoeydotdev%2Fwebsite","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjoeydotdev%2Fwebsite/lists"}