{"id":15857433,"url":"https://github.com/mcabreradev/jorg-fullstack","last_synced_at":"2025-07-20T09:12:12.873Z","repository":{"id":216724883,"uuid":"742155937","full_name":"mcabreradev/jorg-fullstack","owner":"mcabreradev","description":null,"archived":false,"fork":false,"pushed_at":"2024-01-12T00:22:04.000Z","size":404,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T19:49:36.580Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://jetorg.vercel.app","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/mcabreradev.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},"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":"2024-01-11T21:47:56.000Z","updated_at":"2024-01-11T21:52:00.000Z","dependencies_parsed_at":"2024-01-12T09:41:44.746Z","dependency_job_id":null,"html_url":"https://github.com/mcabreradev/jorg-fullstack","commit_stats":null,"previous_names":["mcabreradev/jorg-fullstack"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mcabreradev/jorg-fullstack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcabreradev%2Fjorg-fullstack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcabreradev%2Fjorg-fullstack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcabreradev%2Fjorg-fullstack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcabreradev%2Fjorg-fullstack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mcabreradev","download_url":"https://codeload.github.com/mcabreradev/jorg-fullstack/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mcabreradev%2Fjorg-fullstack/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266094074,"owners_count":23875566,"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":"2024-10-05T20:23:08.922Z","updated_at":"2025-07-20T09:12:12.846Z","avatar_url":"https://github.com/mcabreradev.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  \u003cp\u003eMade by \u003ca href=\"https://theodorusclarence.com\"\u003eTheodorus Clarence\u003c/a\u003e\u003c/p\u003e\n\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[![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\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/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## Sponsors ❤️\n\n\u003ca href=\"https://www.questlabs.ai/?utm_source=ts-nextjs-tailwind-starter\" target=\"_blank\"\u003e\u003cimg src=\"https://uploads-ssl.webflow.com/64f77a831b9d50c279dc926c/657c990e7259207969cf70bb_AI%20powered%20user%20engagement%20components.png\" width=\"400\" /\u003e\u003c/a\u003e\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\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/theodorusclarence/ts-nextjs-tailwind-starter/tree/pages-directory project-name\n   ```\n\n3. Using `degit`\n\n   ```bash\n   npx degit theodorusclarence/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%2Ftheodorusclarence%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## Projects using ts-nextjs-tailwind-starter\n\n\u003c!--\nTEMPLATE\n- [sitename](https://sitelink.com) ([Source](https://github.com/githublink))\n- [sitename](https://sitelink.com)\n--\u003e\n\n- [theodorusclarence.com](https://theodorusclarence.com) ([Source](https://github.com/theodorusclarence/theodorusclarence.com))\n- [Notiolink](https://notiolink.thcl.dev/) ([Source](https://github.com/theodorusclarence/notiolink))\n- [NextJs + Materia UI + Typescript](https://github.com/AlexStack/nextjs-materia-mui-typescript-hook-form-scaffold-boilerplate-starter)\n\nAre you using this starter? Please add your page (and repo) to the end of the list via a [Pull Request](https://github.com/theodorusclarence/ts-nextjs-tailwind-starter/edit/main/README.md). 😃\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\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/theodorusclarence/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%2Fmcabreradev%2Fjorg-fullstack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmcabreradev%2Fjorg-fullstack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmcabreradev%2Fjorg-fullstack/lists"}