{"id":14007163,"url":"https://github.com/cristicretu/ts-next-tailwind-template","last_synced_at":"2025-07-24T01:30:53.354Z","repository":{"id":41408485,"uuid":"413842477","full_name":"cristicretu/ts-next-tailwind-template","owner":"cristicretu","description":"Ultimate Front-end Template made using NextJs, TailwindCSS, and Typescript","archived":false,"fork":false,"pushed_at":"2024-06-05T17:08:26.000Z","size":6780,"stargazers_count":102,"open_issues_count":0,"forks_count":17,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-08-10T10:03:56.927Z","etag":null,"topics":["nextjs","nextjs-template","tailwind-template","tailwindcss","template","template-project","typescript","typescript-template"],"latest_commit_sha":null,"homepage":"https://template.cretu.dev","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/cristicretu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"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}},"created_at":"2021-10-05T14:03:23.000Z","updated_at":"2024-08-10T10:04:01.065Z","dependencies_parsed_at":"2023-02-08T07:01:44.417Z","dependency_job_id":"3d120eef-51f5-471f-9f62-13f5a739b6cc","html_url":"https://github.com/cristicretu/ts-next-tailwind-template","commit_stats":null,"previous_names":[],"tags_count":1,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristicretu%2Fts-next-tailwind-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristicretu%2Fts-next-tailwind-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristicretu%2Fts-next-tailwind-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cristicretu%2Fts-next-tailwind-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cristicretu","download_url":"https://codeload.github.com/cristicretu/ts-next-tailwind-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":227384160,"owners_count":17772327,"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","nextjs-template","tailwind-template","tailwindcss","template","template-project","typescript","typescript-template"],"created_at":"2024-08-10T10:01:52.440Z","updated_at":"2024-11-30T17:32:08.804Z","avatar_url":"https://github.com/cristicretu.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Ultimate Front-end Template\n\n![preview](https://cdn.discordapp.com/attachments/797485737272541250/952208625806495815/image_5.png)\n\n\u003e Most elements are taken from [my website](https://cretu.dev).\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fcristicretu%2Fts-next-tailwind-template)\n\n[Use as a CodeSandbox template](https://codesandbox.io/s/ts-next-tailwind-template-vbjvcr)\n\n## Ingredients ✨:\n\n- NextJS 13 🚀\n- TailwindCSS 🦄\n- Typescript 🦺\n- Dark Mode Support 🌓\n- ESLint + Prettier Config 📂\n- Husky 🐶\n- Self-Hosted Inter Font ␊\n\n## Getting started\n\n1. With 'use as template' repository\n   ![preview](https://cdn.discordapp.com/attachments/797485737272541250/952208604386189332/Group_11.png)\n\n2. Clone the project\n\n```bash\n# http\ngit clone https://github.com/cristicretu/ts-next-tailwind-template.git\n```\n\n```bash\n# ssh\ngit clone git@github.com:cristicretu/ts-next-tailwind-template.git\n```\n\n3. With `create-next-app`\n\n```bash\nnpx create-next-app -e https://github.com/cristicretu/ts-next-tailwind-template project-name\n```\n\n* Tip: if you want to use the version prior to Next.js 13 with the app directory, use:\n```bash\nnpx create-next-app -e https://github.com/cristicretu/ts-next-tailwind-template/tree/1ac5d6dd4157ea3c7cc89f14fbfbf01ab0b495fc project-name\n```\n\nInstall the required packages and run the template\n\n```bash\ncd project-name\nnpm install\n# yarn install\n# pnpm install\n```\n\n## Included\n\n### Custom classNames function\n\u003e Under `/lib/classNames`\n\n### Packages\n\n1. Next-themes: An abstraction for themes in your Next.js app\n2. react-use: react-hooks\n3. Framer Motion: animation library\n\n### Custom globals.css\n\n1. custom underline\n2. vercel navbar\n3. removes firefox, edge and ie. bugs with overflows\n\n### Absolute Imports\n\n```tsx\nimport TextField from '../../../ui/TextField.tsx'\n```\n\nchanges to\n\n```tsx\nimport TextField from 'uis/TextField.tsx'\n```\n\n### SEO optimization found in `Container.tsx`\n\n### Folder structuring \u0026 organization\n\n\u003e Under `/ui/` \u0026 `/public/`\n\n### Self Hosted Inter Font\n\n\u003e Under `/public/fonts/`\n\n### 404 Page\n\n### Favicons and more configs\n\n\u003e Under `/public/static/favicons/`\n\n![preview](https://cdn.discordapp.com/attachments/797485737272541250/952211815046197278/Frame_7.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcristicretu%2Fts-next-tailwind-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcristicretu%2Fts-next-tailwind-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcristicretu%2Fts-next-tailwind-template/lists"}