{"id":15554145,"url":"https://github.com/astroonauta/next-js-boilerplate","last_synced_at":"2026-03-06T15:02:10.315Z","repository":{"id":168972315,"uuid":"637142331","full_name":"AstrOOnauta/next-js-boilerplate","owner":"AstrOOnauta","description":"A personal Next JS 14+ boilerplate: Typescript + Chakra UI + Prettier + ESLint + Pre-commit (Husky + Lint-staged) + Cypress (e2e + component)","archived":false,"fork":false,"pushed_at":"2025-01-20T20:59:09.000Z","size":1543,"stargazers_count":72,"open_issues_count":6,"forks_count":5,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-01-21T10:47:11.634Z","etag":null,"topics":["boilerplate","chakraui","cypress","eslint","frontend","husky","lintstaged","next","nextjs","precommit","prettier","typescript"],"latest_commit_sha":null,"homepage":"https://next-js--boilerplate.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"isc","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AstrOOnauta.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","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":["AstrOOnauta"],"patreon":"AstrOOnauta","ko_fi":"astroonauta","custom":["https://www.buymeacoffee.com/astroonauta"]}},"created_at":"2023-05-06T16:30:35.000Z","updated_at":"2024-12-20T03:12:36.000Z","dependencies_parsed_at":null,"dependency_job_id":"bafc6283-4249-4df1-88fe-a103a6b7b22b","html_url":"https://github.com/AstrOOnauta/next-js-boilerplate","commit_stats":null,"previous_names":["astroonauta/next-13-boilerplate","astroonauta/next-js-boilerplate"],"tags_count":14,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AstrOOnauta%2Fnext-js-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AstrOOnauta%2Fnext-js-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AstrOOnauta%2Fnext-js-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AstrOOnauta%2Fnext-js-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AstrOOnauta","download_url":"https://codeload.github.com/AstrOOnauta/next-js-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":236261778,"owners_count":19120773,"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":["boilerplate","chakraui","cypress","eslint","frontend","husky","lintstaged","next","nextjs","precommit","prettier","typescript"],"created_at":"2024-10-02T14:44:14.330Z","updated_at":"2026-03-06T15:02:10.306Z","avatar_url":"https://github.com/AstrOOnauta.png","language":"TypeScript","funding_links":["https://github.com/sponsors/AstrOOnauta","https://patreon.com/AstrOOnauta","https://ko-fi.com/astroonauta","https://www.buymeacoffee.com/astroonauta"],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"https://github.com/AstrOOnauta/next-js-boilerplate/blob/main/public/images/dev-libraries.jpg\" alt=\"Next.js Boilerplate with TypeScript, Chakra UI, ESLint, Prettier, Husky, and Cypress setup\"\u003e\n\u003c/div\u003e\n\n# 🚀 Next.js 16 Boilerplate – TypeScript, Chakra UI, ESLint, Prettier, Husky \u0026 Cypress\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://www.npmjs.com/package/create-next-js-boilerplate\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/v/create-next-js-boilerplate.svg?style=flat-square\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/create-next-js-boilerplate\"\u003e\n    \u003cimg src=\"https://img.shields.io/npm/dt/create-next-js-boilerplate.svg?style=flat-square\u0026color=success\"\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/AstrOOnauta/next-js-boilerplate\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/stars/AstrOOnauta/next-js-boilerplate?style=flat-square\u0026color=success\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/AstrOOnauta/next-js-boilerplate/issues\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues/AstrOOnauta/next-js-boilerplate?style=flat-square\u0026color=blue\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/AstrOOnauta/next-js-boilerplate/pulls\"\u003e\n    \u003cimg src=\"https://img.shields.io/github/issues-pr/AstrOOnauta/next-js-boilerplate?style=flat-square\u0026color=blue\"/\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://github.com/AstrOOnauta/next-js-boilerplate/blob/main/LICENSE.md\"\u003e\n    \u003cimg src=\"https://img.shields.io/:license-isc-yellow.svg?style=flat-square\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\nA complete **Next.js 16 starter template** configured with **TypeScript**, **Chakra UI**, **ESLint**, **Prettier**, **Husky**, and **Cypress**.  \nPerfect for developers who want to build fast, scalable, and modern web applications using the latest **Next.js** features.\n\n---\n\n## 🧩 About This Boilerplate\n\nThis project is a **Next.js boilerplate** built with **TypeScript**, **Chakra UI**, **ESLint**, **Prettier**, **Husky**, and **Cypress** — designed to help you start new projects quickly and with the best development experience.\n\nIt includes:\n\n- ⚙️ A clean, scalable architecture;\n- 🎨 Theming support (light/dark) with Chakra UI;\n- 🧪 E2E and component testing with Cypress;\n- ✅ Automated linting, formatting, and pre-commit checks;\n- 🚀 SEO-friendly configuration out of the box.\n\n**Get this starter project and maximize your experience as a developer!**\n\n---\n\n\u003cdiv align=\"center\"\u003e\n    \u003ca href=\"https://www.buymeacoffee.com/astroonauta\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://survivingmexico.files.wordpress.com/2018/07/button-gif.gif\" alt=\"Buy Me A Coffee\" style=\"height: auto !important;width: 60% !important;\"\u003e\n    \u003c/a\u003e\n\u003c/div\u003e\n\n---\n\n## 🕰️ Old Versions\n\n- [Version 15.x](https://github.com/AstrOOnauta/next-js-boilerplate/tree/v15.x)\n- [Version 14.x](https://github.com/AstrOOnauta/next-js-boilerplate/tree/v14.x)\n- [Version 13.x](https://github.com/AstrOOnauta/next-js-boilerplate/tree/v13.x)\n\n---\n\n## 🧠 System Requirements\n\n- Node.js **22.x or later**\n- macOS, Windows (including WSL), and Linux supported\n\n---\n\n## 💻 Technologies Used\n\n- [Next.js](https://nextjs.org/)\n- [TypeScript](https://www.typescriptlang.org/)\n- [Chakra UI](https://chakra-ui.com/)\n- [ESLint](https://eslint.org/)\n- [Prettier](https://prettier.io/)\n- [Husky](https://typicode.github.io/husky/#/)\n- [Lint-staged](https://github.com/okonet/lint-staged)\n- [Cypress](https://www.cypress.io/)\n\n---\n\n## 🚀 Features of the Next.js 16 Boilerplate\n\n- ⚛️ Full **Next.js** setup (SSR, SSG, API routes, and more)\n- 🎨 Styling with **Chakra UI**\n- 🌓 Dark and light theme configuration\n- 🛠 **TypeScript** support\n- 📝 Linting and formatting via **ESLint** + **Prettier**\n- ✅ Pre-commit hooks with **Husky** + **lint-staged**\n- 🧪 E2E and component testing via **Cypress**\n- ✨ Absolute imports (`~`)\n- 📁 Minimal and organized folder structure\n- 🔍 SEO-friendly configuration\n- ⚡ Ready for production deployment\n\n---\n\n## ⚙️ Automatic Installation\n\n### 1. Create a new project\n\n```bash\nyarn create next-js-boilerplate\n# OR\nnpx create-next-js-boilerplate\n```\n\n### 2. Initialize Husky\n\n```bash\nyarn husky-install\n# OR\nnpm run husky-install\n```\n\n### 3. Run the development server\n\n```bash\nyarn dev\n# OR\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.  \nEdit `pages/index.tsx` — the page updates automatically as you save.\n\n---\n\n## 🧰 Manual Installation\n\n### 1. Clone the repository\n\n```bash\ngit clone https://github.com/AstrOOnauta/next-js-boilerplate.git\n```\n\n### 2. Install dependencies\n\n```bash\nyarn\n# OR\nnpm install\n```\n\n### 3. Initialize Husky\n\n```bash\nyarn husky-install\n# OR\nnpm run husky-install\n```\n\n### 4. Run the development server\n\n```bash\nyarn dev\n# OR\nnpm run dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) and start building!\n\n---\n\n## 🧑‍💻 Terminal Commands\n\n| Command         | Description                      |\n| --------------- | -------------------------------- |\n| `dev`           | Runs the app on `localhost:3000` |\n| `build`         | Creates the production build     |\n| `start`         | Runs a production server         |\n| `prettier`      | Formats all files                |\n| `lint`          | Runs ESLint                      |\n| `lint-staged`   | Lints only staged files          |\n| `husky-install` | Initializes Husky                |\n| `type-check`    | Runs TypeScript checks           |\n| `cypress:open`  | Opens Cypress UI                 |\n| `cypress:run`   | Runs Cypress tests in CLI        |\n\n---\n\n## 💡 Why Use This Template?\n\n- Save hours of setup time — everything is pre-configured\n- Enforce code quality and consistency automatically\n- Start coding immediately with TypeScript + Chakra UI\n- Perfect for MVPs, startups, or production-grade apps\n- Compatible with macOS, Windows, and Linux\n\n---\n\n## 🤝 Contributing\n\nContributions are welcome!  \nFeel free to **open an issue** or **submit a pull request** to improve this Next.js boilerplate.\n\n---\n\n## 📜 License\n\nThis project is licensed under the [ISC License](./LICENSE.md).\n\n---\n\n## 📈 Keywords\n\n`nextjs boilerplate`, `next.js starter template`, `next.js 16`, `typescript`, `chakra-ui`, `eslint`, `prettier`, `husky`, `lint-staged`, `cypress`, `react starter`, `frontend boilerplate`, `create next app`\n\n---\n\n\u003cdiv align=\"center\"\u003e\n    \u003cbr\u003e\n    \u003cstrong\u003eThanks for stopping by! 😁\u003c/strong\u003e\n\u003c/div\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fastroonauta%2Fnext-js-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fastroonauta%2Fnext-js-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fastroonauta%2Fnext-js-boilerplate/lists"}