{"id":20731785,"url":"https://github.com/AnwarHossainSR/nextjs-15-template","last_synced_at":"2025-05-11T01:31:20.246Z","repository":{"id":104907482,"uuid":"596885563","full_name":"AnwarHossainSR/nextjs-15-template","owner":"AnwarHossainSR","description":"This is next js 15 boilerplate. You can start your next 15 project without any hassle of setup.","archived":false,"fork":false,"pushed_at":"2025-05-05T12:02:39.000Z","size":1473,"stargazers_count":124,"open_issues_count":0,"forks_count":41,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-05-05T13:21:38.535Z","etag":null,"topics":["boilerplate","boilerplate-template","next-auth","next-tailwind","next15","next15-boilerplate","next15example","nextboiler","nextjs","nextjs-15","nextjs-template","nextjs15-starter","nextjs15-typescript","nodejs","react","react-query","reactjs","tailwindcss","tanstack-react-query","template"],"latest_commit_sha":null,"homepage":"https://latest-nextjs-template.vercel.app","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/AnwarHossainSR.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,"zenodo":null}},"created_at":"2023-02-03T06:14:48.000Z","updated_at":"2025-05-05T08:09:06.000Z","dependencies_parsed_at":"2023-10-03T09:47:40.858Z","dependency_job_id":"84913a70-0d04-44b0-974c-35555904ed48","html_url":"https://github.com/AnwarHossainSR/nextjs-15-template","commit_stats":null,"previous_names":["anwarhossainsr/nextjs-14-template"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnwarHossainSR%2Fnextjs-15-template","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnwarHossainSR%2Fnextjs-15-template/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnwarHossainSR%2Fnextjs-15-template/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AnwarHossainSR%2Fnextjs-15-template/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AnwarHossainSR","download_url":"https://codeload.github.com/AnwarHossainSR/nextjs-15-template/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":253504509,"owners_count":21918821,"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","boilerplate-template","next-auth","next-tailwind","next15","next15-boilerplate","next15example","nextboiler","nextjs","nextjs-15","nextjs-template","nextjs15-starter","nextjs15-typescript","nodejs","react","react-query","reactjs","tailwindcss","tanstack-react-query","template"],"created_at":"2024-11-17T05:16:52.193Z","updated_at":"2025-05-11T01:31:20.239Z","avatar_url":"https://github.com/AnwarHossainSR.png","language":"TypeScript","funding_links":[],"categories":["NextJS"],"sub_categories":[],"readme":"# Next.js 15 Boilerplate\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"/public/images/og.png\" alt=\"Next.js Boilerplate\" width=\"600px\" /\u003e\n  \u003cp\u003eA production-ready starter template with everything you need to build and deploy high-performance Next.js applications.\u003c/p\u003e\n  \n  [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n  [![TypeScript](https://img.shields.io/badge/TypeScript-5.3-blue)](https://www.typescriptlang.org/)\n  [![Next.js](https://img.shields.io/badge/Next.js-15.0-black)](https://nextjs.org/)\n  [![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4-38bdf8)](https://tailwindcss.com/)\n  [![ESLint](https://img.shields.io/badge/ESLint-8.0-4b32c3)](https://eslint.org/)\n  [![Perfect Lighthouse Score](https://img.shields.io/badge/Lighthouse-100%25-success)](https://developer.chrome.com/docs/lighthouse/overview/)\n\u003c/div\u003e\n\n## 🖥️ Demo\n\n\u003cdiv align=\"center\"\u003e\n  \u003cimg src=\"/public/images/home-demo.png\" alt=\"Next.js Boilerplate Home Page Demo\" width=\"100%\" /\u003e\n\u003c/div\u003e\n\n## ✨ Features\n\nThis boilerplate is designed to give you a production-ready foundation with everything configured for optimal development experience and performance:\n\n- 🚀 **Performance Optimized** - 100% Lighthouse score out of the box\n- 🔍 **SEO Ready** - Comprehensive meta tags and structured data\n- 🎨 **Modern UI** - Clean design with light/dark mode support\n- 🛠️ **Developer Experience** - Comprehensive tooling preconfigured\n- 📱 **Responsive** - Mobile-first approach for all screen sizes\n- ♿ **Accessible** - WCAG compliance with a11y best practices\n- 🔒 **Type Safe** - Full TypeScript support throughout the codebase\n\n## 📚 Tech Stack\n\n- [`Next.js 15`](https://nextjs.org/) - React framework for production\n- [`TypeScript`](https://typescriptlang.org) - Type safety and improved developer experience\n- [`Tailwind CSS`](https://tailwindcss.com/) - Utility-first CSS framework\n- [`ESLint`](https://eslint.org/) - Code quality and consistency\n- [`Prettier`](https://prettier.io/) - Code formatting\n- [`Husky`](https://github.com/typicode/husky) - Git hooks for pre-commit validation\n- [`next-themes`](https://github.com/pacocoursey/next-themes) - Theme management (light/dark mode)\n- [`React Query`](https://tanstack.com/query) - Data fetching and state management\n\n## 🚀 Getting Started\n\n### Create a new project using this boilerplate\n\n```bash\ngit clone https://github.com/AnwarHossainSR/nextjs-15-template.git\n```\n\n### Development\n\n```bash\n# Install dependencies\nnpm install\n# or\nyarn install\n\n# Start development server\nnpm run dev\n# or\nyarn dev\n```\n\nYour application will be available at [http://localhost:3000](http://localhost:3000).\n\n## 📋 Scripts\n\n| Command        | Description                      |\n| -------------- | -------------------------------- |\n| `yarn dev`     | Start development server         |\n| `yarn build`   | Build production application     |\n| `yarn start`   | Start production server          |\n| `yarn lint`    | Run ESLint to check code quality |\n| `yarn analyze` | Generate bundle analyzer report  |\n| `yarn format`  | Format code with Prettier        |\n\n## 🧰 Project Structure\n\n```\nsrc/\n├── app/              # App router pages\n├── components/       # Reusable UI components\n├── hooks/            # Custom React hooks\n├── lib/              # Utility functions and libraries\n├── providers/        # Context providers\n├── styles/           # Global styles\n├── types/            # TypeScript type definitions\n└── utils/            # Helper functions\n```\n\n## 💅 Styling\n\nThis boilerplate uses Tailwind CSS for styling with a custom theme configuration that supports light and dark modes. Styled Components are generated at build time and served with the document generated by Next.js Server Side Rendering for optimal performance.\n\nThe project includes Google Fonts (Inter and Poppins) preloaded at build time for improved performance and consistent typography.\n\n## 🧩 Development Features\n\n### Absolute Imports\n\nAbsolute imports are configured with the `@/` prefix starting from the `src` folder:\n\n```tsx\n// Instead of this\nimport { Button } from '../../../components/ui/Button';\n\n// You can write this\nimport { Button } from '@/components/ui/Button';\n```\n\n### Import Sorting\n\nImports are automatically grouped and sorted in the following order:\n\n1. External dependencies\n2. Absolute imports (`@/*`)\n3. Relative imports\n\nThis is implemented using [`eslint-plugin-simple-import-sort`](https://github.com/lydell/eslint-plugin-simple-import-sort).\n\n### Code Quality\n\nESLint extends:\n\n- [`eslint-config-airbnb`](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb)\n- [`eslint-config-next`](https://www.npmjs.com/package/eslint-config-next)\n- [`eslint-plugin-jsx-a11y`](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y) for accessibility recommendations\n\n### Git Hooks\n\nOn every commit, staged files are validated with ESLint using Husky and lint-staged:\n\n```json\n\"husky\": {\n  \"hooks\": {\n    \"pre-commit\": \"lint-staged\"\n  }\n},\n\"lint-staged\": {\n  \"*.{js,jsx,ts,tsx}\": \"eslint --cache --fix --cache-location ./node_modules/.cache/.eslintcache\"\n}\n```\n\n## 🔍 SEO\n\n- Comprehensive meta tags in the layout file\n- OpenGraph and Twitter card metadata\n- `/public/robots.txt` configured to allow indexing\n- Sitemap generation support\n\n## 📝 License\n\nThis project is licensed under the MIT License - see the LICENSE file for details.\n\n## 🤝 Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n---\n\n\u003cdiv align=\"center\"\u003e\n  \u003cp\u003eMade with ❤️ by \u003ca href=\"https://github.com/AnwarHossainSR\"\u003eAnwar Hossain\u003c/a\u003e\u003c/p\u003e\n\u003c/div\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnwarHossainSR%2Fnextjs-15-template","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAnwarHossainSR%2Fnextjs-15-template","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAnwarHossainSR%2Fnextjs-15-template/lists"}