{"id":23076590,"url":"https://github.com/corbaz/next-tailwind-typescript","last_synced_at":"2026-04-19T14:02:45.707Z","repository":{"id":125339268,"uuid":"422555042","full_name":"corbaz/next-tailwind-typescript","owner":"corbaz","description":null,"archived":false,"fork":false,"pushed_at":"2021-10-29T15:22:13.000Z","size":480,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-06-03T18:47:18.239Z","etag":null,"topics":["git","headless","jamstack","nextjs","ssg","stackbit","static"],"latest_commit_sha":null,"homepage":"","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/corbaz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","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},"funding":{"custom":["https://creativedesignsguru.com/category/nextjs/","https://www.buymeacoffee.com/ixartz"]}},"created_at":"2021-10-29T11:48:54.000Z","updated_at":"2021-10-29T15:22:16.000Z","dependencies_parsed_at":null,"dependency_job_id":"78c7cafc-c6e2-4951-842e-d016e594b6d7","html_url":"https://github.com/corbaz/next-tailwind-typescript","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/corbaz/next-tailwind-typescript","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbaz%2Fnext-tailwind-typescript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbaz%2Fnext-tailwind-typescript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbaz%2Fnext-tailwind-typescript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbaz%2Fnext-tailwind-typescript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/corbaz","download_url":"https://codeload.github.com/corbaz/next-tailwind-typescript/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/corbaz%2Fnext-tailwind-typescript/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32009239,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T20:23:30.271Z","status":"online","status_checked_at":"2026-04-19T02:00:07.110Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["git","headless","jamstack","nextjs","ssg","stackbit","static"],"created_at":"2024-12-16T09:41:48.256Z","updated_at":"2026-04-19T14:02:45.669Z","avatar_url":"https://github.com/corbaz.png","language":"TypeScript","funding_links":["https://creativedesignsguru.com/category/nextjs/","https://www.buymeacoffee.com/ixartz"],"categories":[],"sub_categories":[],"readme":"# Boilerplate and Starter for Next JS 12+, Tailwind CSS 2.0 and TypeScript [![Twitter](https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social\u0026label=Follow%20%40Ixartz)](https://twitter.com/ixartz)\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://creativedesignsguru.com/demo/Nextjs-Boilerplate/\"\u003e\u003cimg src=\"public/assets/images/nextjs-starter-banner.png?raw=true\" alt=\"Next js starter banner\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n🚀 Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript ⚡️ Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, VSCode, Netlify, PostCSS, Tailwind CSS.\n\nClone this project and use it to create your own [Next.js](https://nextjs.org) project. You can check a [Next js templates demo](https://creativedesignsguru.com/demo/Nextjs-Boilerplate/).\n\n### Features\n\nDeveloper experience first:\n\n- 🔥 [Next.js](https://nextjs.org) for Static Site Generator\n- 🎨 Integrate with [Tailwind CSS](https://tailwindcss.com) (w/ JIT mode)\n- 💅 PostCSS for processing Tailwind CSS and integrated to `styled-jsx`\n- 🎉 Type checking [TypeScript](https://www.typescriptlang.org)\n- ✅ Strict Mode for TypeScript and React 17\n- ✏️ Linter with [ESLint](https://eslint.org) (default NextJS, NextJS Core Web Vitals and Airbnb configuration)\n- 🛠 Code Formatter with [Prettier](https://prettier.io)\n- 🦊 Husky for Git Hooks\n- 🚫 Lint-staged for running linters on Git staged files\n- 🗂 VSCode configuration: Debug, Settings, Tasks and extension for PostCSS, ESLint, Prettier, TypeScript\n- 🤖 SEO metadata, JSON-LD and Open Graph tags with Next SEO\n- ⚙️ [Bundler Analyzer](https://www.npmjs.com/package/@next/bundle-analyzer)\n- 🖱️ One click deployment with Vercel or Netlify (or manual deployment to any hosting services)\n- 🌈 Include a FREE minimalist theme\n- 💯 Maximize lighthouse score\n\nBuilt-in feature from Next.js:\n\n- ☕ Minify HTML \u0026 CSS\n- 💨 Live reload\n- ✅ Cache busting\n\n### Philosophy\n\n- Minimal code\n- SEO-friendly\n- 🚀 Production-ready\n\n### Nextless.js SaaS Boilerplate\n\nBuilding your SaaS product faster with [Nextless JS SaaS Boilerplate](https://nextlessjs.com).\n\n[![Nextless React SaaS Boilerplate](https://nextlessjs.com/assets/images/hero-image.png)](https://nextlessjs.com)\n\n### Premium Themes\n\n| [Green Nextjs Landing Page Template](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [Purple Saas Nextjs Theme](https://creativedesignsguru.com/landing-purple-modern-react-theme/) |\n| --- | --- |\n| [![Green Nextjs Landing Page Template](https://creativedesignsguru.com/assets/images/themes/landing-green-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-green-modern-nextjs-theme/) | [![Blue Landing Page Nextjs Theme](https://creativedesignsguru.com/assets/images/themes/landing-blue-modern-nextjs-theme-xs.png)](https://creativedesignsguru.com/landing-blue-modern-react-theme/) |\n\nFind more [Nextjs Themes](https://creativedesignsguru.com/category/nextjs/).\n\n### Requirements\n\n- Node.js and npm\n\n### Getting started\n\nRun the following command on your local environment:\n\n```\ngit clone --depth=1 https://github.com/ixartz/Next-js-Boilerplate.git my-project-name\ncd my-project-name\nnpm install\n```\n\nThen, you can run locally in development mode with live reload:\n\n```\nnpm run dev\n```\n\nOpen http://localhost:3000 with your favorite browser to see your project.\n\n```\n.\n├── README.md                # README file\n├── next.config.js           # Next JS configuration\n├── public                   # Public folder\n│   └── assets\n│       └── images           # Image used by default template\n├── src\n│   ├── layout               # Atomic layout components\n│   ├── pages                # Next JS pages\n│   ├── styles               # PostCSS style folder with Tailwind\n│   ├── templates            # Default template\n│   └── utils                # Utility folder\n├── tailwind.config.js       # Tailwind CSS configuration\n└── tsconfig.json            # TypeScript configuration\n```\n\n### Customization\n\nYou can easily configure Next js Boilerplate. Please change the following file:\n\n- `public/apple-touch-icon.png`, `public/favicon.ico`, `public/favicon-16x16.png` and `public/favicon-32x32.png`: your website favicon, you can generate from https://favicon.io/favicon-converter/\n- `src/styles/main.css`: your CSS file using Tailwind CSS\n- `src/utils/AppConfig.ts`: configuration file\n- `src/templates/Main.tsx`: default theme\n\n### Deploy to production\n\nYou can see the results locally in production mode with:\n\n```\n$ npm run build\n$ npm run start\n```\n\nThe generated HTML and CSS files are minified (built-in feature from Next js). It will also removed unused CSS from [Tailwind CSS](https://tailwindcss.com).\n\nYou can create an optimized production build with:\n\n```\nnpm run build-prod\n```\n\nNow, your blog is ready to be deployed. All generated files are located at `out` folder, which you can deploy with any hosting service.\n\n### Deploy to Netlify\n\nClone this repository on own GitHub account and deploy to Netlify:\n\n[![Netlify Deploy button](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/ixartz/Next-js-Boilerplate)\n\n### Deploy to Vercel\n\nDeploy this Next JS Boilerplate on Vercel in one click:\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https%3A%2F%2Fgithub.com%2Fixartz%2FNext-js-Boilerplate)\n\n### VSCode information (optional)\n\nIf you are VSCode users, you can have a better integration with VSCode by installing the suggested extension in `.vscode/extension.json`. The starter code comes up with Settings for a seamless integration with VSCode. The Debug configuration is also provided for frontend and backend debugging experience.\n\nPro tips: if you need a project wide type checking with TypeScript, you can run a build with \u003ckbd\u003eCmd\u003c/kbd\u003e + \u003ckbd\u003eShift\u003c/kbd\u003e + \u003ckbd\u003eB\u003c/kbd\u003e on Mac.\n\n### Contributions\n\nEveryone is welcome to contribute to this project. Feel free to open an issue if you have question or found a bug.\n\n### License\n\nLicensed under the MIT License, Copyright © 2020\n\nSee [LICENSE](LICENSE) for more information.\n\n---\n\nMade with ♥ by [CreativeDesignsGuru](https://creativedesignsguru.com) [![Twitter](https://img.shields.io/twitter/url/https/twitter.com/cloudposse.svg?style=social\u0026label=Follow%20%40Ixartz)](https://twitter.com/ixartz)\n\n[![Sponsor Next JS Boilerplate](https://cdn.buymeacoffee.com/buttons/default-red.png)](https://www.buymeacoffee.com/ixartz)\n\n\n```bash\nC:\\www\\next-tailwind-typescript\u003encu\nChecking C:\\www\\next-tailwind-typescript\\package.json\n[====================] 31/31 100%\n\n @next/bundle-analyzer             ^12.0.0  →  ^12.0.1\n @typescript-eslint/eslint-plugin  ^4.32.0  →   ^5.2.0\n @typescript-eslint/parser         ^4.32.0  →   ^5.2.0\n autoprefixer                      ^10.3.7  →  ^10.4.0\n eslint                            ^7.32.0  →   ^8.1.0\n eslint-config-next                ^12.0.0  →  ^12.0.1\n lint-staged                       ^11.2.5  →  ^11.2.6\n tailwindcss                       ^2.2.17  →  ^2.2.19\n next                              ^12.0.0  →  ^12.0.1\n\nRun ncu -u to upgrade package.json\n\nC:\\www\\next-tailwind-typescript\u003encu -u\nUpgrading C:\\www\\next-tailwind-typescript\\package.json\n[====================] 31/31 100%\n\n @next/bundle-analyzer             ^12.0.0  →  ^12.0.1\n @typescript-eslint/eslint-plugin  ^4.32.0  →   ^5.2.0\n @typescript-eslint/parser         ^4.32.0  →   ^5.2.0\n autoprefixer                      ^10.3.7  →  ^10.4.0\n eslint                            ^7.32.0  →   ^8.1.0\n eslint-config-next                ^12.0.0  →  ^12.0.1\n lint-staged                       ^11.2.5  →  ^11.2.6\n tailwindcss                       ^2.2.17  →  ^2.2.19\n next                              ^12.0.0  →  ^12.0.1\n\nRun npm install to install new versions.\n\n\nC:\\www\\next-tailwind-typescript\u003eyarn install\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorbaz%2Fnext-tailwind-typescript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorbaz%2Fnext-tailwind-typescript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorbaz%2Fnext-tailwind-typescript/lists"}