{"id":13715654,"url":"https://github.com/ixartz/Next-js-Blog-Boilerplate","last_synced_at":"2025-05-07T04:30:58.632Z","repository":{"id":40684951,"uuid":"282446217","full_name":"ixartz/Next-js-Blog-Boilerplate","owner":"ixartz","description":"🚀 Nextjs Blog Boilerplate is starter code for your blog based on Next framework. ⚡️ Made with Nextjs 12, TypeScript, ESLint, Prettier, PostCSS, Tailwind CSS 3.","archived":false,"fork":false,"pushed_at":"2025-04-07T20:32:22.000Z","size":1067,"stargazers_count":665,"open_issues_count":0,"forks_count":173,"subscribers_count":12,"default_branch":"master","last_synced_at":"2025-04-12T20:47:28.778Z","etag":null,"topics":["boilerplate","boilerplate-front-end","eslint","jamstack","jamstack-site","netlify","next-js","next-theme","nextjs","nextjs-starter","starter","starter-kit","starter-project","starter-template","static-site","static-site-generator","static-website","tailwind-css","typescript"],"latest_commit_sha":null,"homepage":"https://creativedesignsguru.com","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/ixartz.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,"zenodo":null},"funding":{"github":"ixartz","custom":["https://donate.stripe.com/7sI5m5146ehfddm7tj","https://nextlessjs.com","https://creativedesignsguru.com/category/nextjs/"]}},"created_at":"2020-07-25T13:09:25.000Z","updated_at":"2025-04-12T13:07:34.000Z","dependencies_parsed_at":"2025-04-12T20:47:30.916Z","dependency_job_id":"8afb3b82-0c3a-453e-86c5-ef102e5d0bc7","html_url":"https://github.com/ixartz/Next-js-Blog-Boilerplate","commit_stats":{"total_commits":63,"total_committers":3,"mean_commits":21.0,"dds":"0.031746031746031744","last_synced_commit":"1699abed8d7c458c9df29cdcb20bfcd937e97ab7"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":"ixartz/Next-js-Boilerplate","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ixartz%2FNext-js-Blog-Boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ixartz%2FNext-js-Blog-Boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ixartz%2FNext-js-Blog-Boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ixartz%2FNext-js-Blog-Boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ixartz","download_url":"https://codeload.github.com/ixartz/Next-js-Blog-Boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252813719,"owners_count":21808374,"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-front-end","eslint","jamstack","jamstack-site","netlify","next-js","next-theme","nextjs","nextjs-starter","starter","starter-kit","starter-project","starter-template","static-site","static-site-generator","static-website","tailwind-css","typescript"],"created_at":"2024-08-03T00:01:01.600Z","updated_at":"2025-05-07T04:30:58.620Z","avatar_url":"https://github.com/ixartz.png","language":"TypeScript","readme":"# Next js Blog Boilerplate with Tailwind CSS [![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-Blog-Boilerplate/\"\u003e\u003cimg src=\"public/assets/images/nextjs-starter-banner.png?raw=true\" alt=\"Nextjs starter banner\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n🚀 Next.js Blog Boilerplate is starter code for your blog based on Next.js 12+ framework with Tailwind CSS 3.0. ⚡️ Made with [Next.js](https://nextjs.org), [TypeScript](https://www.typescriptlang.org), [ESLint](https://eslint.org), [Prettier](https://prettier.io), [PostCSS](https://postcss.org), [Tailwind CSS](https://tailwindcss.com).\n\nClone this project and use it to create your own [Next.js](https://nextjs.org) blog. You can check a [Next js blog templates demo](https://creativedesignsguru.com/demo/Nextjs-Blog-Boilerplate/).\n\n## Sponsors\n\n\u003ctable width=\"100%\"\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://go.clerk.com/zGlzydF\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/6fb61971-3bf1-4580-98a0-10bd3f1040a2\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/f80a8bb5-66da-4772-ad36-5fabc5b02c60\"\u003e\n          \u003cimg alt=\"Clerk – Authentication \u0026 User Management for Next.js\" src=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/f80a8bb5-66da-4772-ad36-5fabc5b02c60\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.coderabbit.ai?utm_source=next_js_starter\u0026utm_medium=github\u0026utm_campaign=next_js_starter_oss_2025\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/coderabbit-logo-dark.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/coderabbit-logo-light.svg?raw=true\"\u003e\n          \u003cimg alt=\"CodeRabbit\" src=\"public/assets/images/coderabbit-logo-light.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://sentry.io/for/nextjs/?utm_source=github\u0026utm_medium=paid-community\u0026utm_campaign=general-fy25q1-nextjs\u0026utm_content=github-banner-nextjsboilerplate-logo\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/sentry-white.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/sentry-dark.png?raw=true\"\u003e\n          \u003cimg alt=\"Sentry\" src=\"public/assets/images/sentry-dark.png?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n      \u003ca href=\"https://about.codecov.io/codecov-free-trial/?utm_source=github\u0026utm_medium=paid-community\u0026utm_campaign=general-fy25q1-nextjs\u0026utm_content=github-banner-nextjsboilerplate-logo\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/codecov-white.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/codecov-dark.svg?raw=true\"\u003e\n          \u003cimg alt=\"Codecov\" src=\"public/assets/images/codecov-dark.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://launch.arcjet.com/Q6eLbRE\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/arcjet-dark.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/arcjet-light.svg?raw=true\"\u003e\n          \u003cimg alt=\"Arcjet\" src=\"public/assets/images/arcjet-light.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://l.crowdin.com/next-js\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/crowdin-white.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/crowdin-dark.png?raw=true\"\u003e\n          \u003cimg alt=\"Crowdin\" src=\"public/assets/images/crowdin-dark.png?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" style=width=\"33%\"\u003e\n      \u003ca href=\"https://nextjs-boilerplate.com/pro-saas-starter-kit\"\u003e\n        \u003cimg src=\"public/assets/images/nextjs-boilerplate-saas.png?raw=true\" alt=\"Next.js SaaS Boilerplate with React\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"mailto:contact@creativedesignsguru.com\"\u003e\n        Add your logo here\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n### Features\n\nBlog feature:\n\n- 🎈 Syntax Highlighting with Prism.js\n- 🤖 SEO metadata and Open Graph tags\n- ⚙️ JSON-LD for richer indexing\n- 📖 Pagination\n- 🌈 Include a FREE minimalist blog theme\n- ⬇️ Markdown\n- 💯 Maximize lighthouse score\n\nDeveloper experience first:\n\n- 🔥 [Next.js](https://nextjs.org) for Static Site Generator\n- 🎨 Integrate with [Tailwind CSS](https://tailwindcss.com)\n- 💅 [PostCSS](https://postcss.org) for processing [Tailwind CSS](https://tailwindcss.com)\n- 🎉 Type checking [TypeScript](https://www.typescriptlang.org)\n- ✏️ Linter with [ESLint](https://eslint.org)\n- 🛠 Code Formatter with [Prettier](https://prettier.io)\n- 🦊 SEO metadata, [JSON-LD](https://developers.google.com/search/docs/guides/intro-structured-data) and [Open Graph](https://ogp.me/) tags with [Next SEO](https://github.com/garmeeh/next-seo)\n- ⚙️ [Bundler Analyzer](https://www.npmjs.com/package/@next/bundle-analyzer)\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### 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-Blog-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├── _posts            # Your blog posts\n├── public            # Static files\n│   ├── assets\n│   │   └── images\n│   │       └── posts # Images used in your blog posts\n└── src\n    ├── pages         # Next.js pages\n    ├── styles        # Your blog CSS files\n    └── templates     # Blog templates\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 blog favicon, you can generate from https://favicon.io/favicon-converter/\n- `public/assets/images/logo.png`, `public/assets/images/logo-32x32.png`: your blog logo\n- `src/styles/main.css`: your blog CSS file using Tailwind CSS\n- `src/utils/Config.ts`: configuration file like blog name, url, etc.\n- `src/templates/Main.tsx`: blog 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 `dist` 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-Blog-Boilerplate)\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 © 2022\n\nSee [LICENSE](LICENSE) for more information.\n\n## Sponsors\n\n\u003ctable width=\"100%\"\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://go.clerk.com/zGlzydF\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/6fb61971-3bf1-4580-98a0-10bd3f1040a2\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/f80a8bb5-66da-4772-ad36-5fabc5b02c60\"\u003e\n          \u003cimg alt=\"Clerk – Authentication \u0026 User Management for Next.js\" src=\"https://github.com/ixartz/SaaS-Boilerplate/assets/1328388/f80a8bb5-66da-4772-ad36-5fabc5b02c60\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://www.coderabbit.ai?utm_source=next_js_starter\u0026utm_medium=github\u0026utm_campaign=next_js_starter_oss_2025\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/coderabbit-logo-dark.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/coderabbit-logo-light.svg?raw=true\"\u003e\n          \u003cimg alt=\"CodeRabbit\" src=\"public/assets/images/coderabbit-logo-light.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://sentry.io/for/nextjs/?utm_source=github\u0026utm_medium=paid-community\u0026utm_campaign=general-fy25q1-nextjs\u0026utm_content=github-banner-nextjsboilerplate-logo\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/sentry-white.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/sentry-dark.png?raw=true\"\u003e\n          \u003cimg alt=\"Sentry\" src=\"public/assets/images/sentry-dark.png?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n      \u003ca href=\"https://about.codecov.io/codecov-free-trial/?utm_source=github\u0026utm_medium=paid-community\u0026utm_campaign=general-fy25q1-nextjs\u0026utm_content=github-banner-nextjsboilerplate-logo\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/codecov-white.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/codecov-dark.svg?raw=true\"\u003e\n          \u003cimg alt=\"Codecov\" src=\"public/assets/images/codecov-dark.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://launch.arcjet.com/Q6eLbRE\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/arcjet-dark.svg?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/arcjet-light.svg?raw=true\"\u003e\n          \u003cimg alt=\"Arcjet\" src=\"public/assets/images/arcjet-light.svg?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"https://l.crowdin.com/next-js\"\u003e\n        \u003cpicture\u003e\n          \u003csource media=\"(prefers-color-scheme: dark)\" srcset=\"public/assets/images/crowdin-white.png?raw=true\"\u003e\n          \u003csource media=\"(prefers-color-scheme: light)\" srcset=\"public/assets/images/crowdin-dark.png?raw=true\"\u003e\n          \u003cimg alt=\"Crowdin\" src=\"public/assets/images/crowdin-dark.png?raw=true\"\u003e\n        \u003c/picture\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n    \u003ctd align=\"center\" style=width=\"33%\"\u003e\n      \u003ca href=\"https://nextjs-boilerplate.com/pro-saas-starter-kit\"\u003e\n        \u003cimg src=\"public/assets/images/nextjs-boilerplate-saas.png?raw=true\" alt=\"Next.js SaaS Boilerplate with React\" /\u003e\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr height=\"187px\"\u003e\n    \u003ctd align=\"center\" width=\"33%\"\u003e\n      \u003ca href=\"mailto:contact@creativedesignsguru.com\"\u003e\n        Add your logo here\n      \u003c/a\u003e\n    \u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\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://github.com/sponsors/ixartz)\n","funding_links":["https://github.com/sponsors/ixartz","https://donate.stripe.com/7sI5m5146ehfddm7tj","https://nextlessjs.com","https://creativedesignsguru.com/category/nextjs/"],"categories":["Front-end","Nextjs Templates","Blog","TypeScript"],"sub_categories":["Nextjs Blog Starter [↗](https://awesomestacks.dev/nextjs-blog-starter)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fixartz%2FNext-js-Blog-Boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fixartz%2FNext-js-Blog-Boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fixartz%2FNext-js-Blog-Boilerplate/lists"}