{"id":13423736,"url":"https://github.com/pankod/next-boilerplate","last_synced_at":"2025-05-15T16:05:03.066Z","repository":{"id":37547759,"uuid":"162442403","full_name":"pankod/next-boilerplate","owner":"pankod","description":"A well-structured production ready Next.js boilerplate with Typescript, Redux, Jest, Enzyme, Express.js, Sass, Css, EnvConfig, Fetch, Reverse Proxy, Bundle Analyzer and Built-in Project CLI. https://pankod.github.io/next-boilerplate/","archived":false,"fork":false,"pushed_at":"2023-08-04T17:07:57.000Z","size":7626,"stargazers_count":1607,"open_issues_count":37,"forks_count":279,"subscribers_count":36,"default_branch":"master","last_synced_at":"2025-03-31T20:08:09.508Z","etag":null,"topics":["babel","boilerplate","nextjs","nextjs-template","react","redux","sass","starter","storybook","typescript"],"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/pankod.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}},"created_at":"2018-12-19T13:36:52.000Z","updated_at":"2025-03-27T14:23:05.000Z","dependencies_parsed_at":"2024-01-15T03:41:31.062Z","dependency_job_id":null,"html_url":"https://github.com/pankod/next-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fnext-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fnext-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fnext-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pankod%2Fnext-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pankod","download_url":"https://codeload.github.com/pankod/next-boilerplate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247730069,"owners_count":20986404,"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":["babel","boilerplate","nextjs","nextjs-template","react","redux","sass","starter","storybook","typescript"],"created_at":"2024-07-31T00:00:41.504Z","updated_at":"2025-04-07T21:13:30.119Z","avatar_url":"https://github.com/pankod.png","language":"TypeScript","funding_links":[],"categories":["Boilerplates","Getting Started with (Awesome) TypeScript","TypeScript","Nextjs Templates","Starter Kits \u0026 Templates","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["Typescript Project Starters"],"readme":"## Bye bye next boilerplate, welcome to [superplate](https://github.com/pankod/superplate)!\n\nIt has been a long time since we started next-boilerplate project. We are proud that it helped many frontend developers around the globe to speed up their frontend development cycles. \n\nIn time, we took valuable lessons from our experience and the community feedback:\n\n* There are infinite number of frontend technologies and it's impossible to combine everything in a single boilerplate product.\n* The project is hard to maintain with tons of external dependencies.\n\nTo tackle the complexity problem we started a new project from scratch. We call it \"[superplate](https://github.com/pankod/superplate)\" - the frontend boilerplate with superpowers.\n\nIt's built on top of a plugin architecture and allows you integrate your own tools and best practices with ease. It also includes more than 30 built-in plugins of your favorite tools.\n\nsuperplate's default framework is Next.js, so you can start using it immediately instead of next-boilerplate. More framework targets are coming soon.\n\nYou may checkout the project from the [repo page](https://github.com/pankod/superplate) or [documentation](https://pankod.github.io/superplate/).\n\n\u003cbr/\u003e\n  \u003ca href=\"https://github.com/pankod/superplate\"\u003e\n    \u003cimg src=\"./superplate.gif\" /\u003e\n  \u003c/a\u003e\n\u003cbr/\u003e\n\n\n## next-boilerplate\n\n\u003cimg src=\"banner.jpg\" alt=\"Performance oriented Next.js application boilerplate with Redux, Typescript, Express.js and Sass.\" align=\"center\" /\u003e\n\n\u003cbr/\u003e\n\u003cdiv align=\"center\" \u003ePerformance oriented Next.js application boilerplate with Redux, Typescript, Express.js and Sass.\u003c/div\u003e\n\u003cbr/\u003e\n\n\u003cdiv align=\"center\"\u003e\n  \u003c!-- Meercode --\u003e\n  \u003ca href=\"https://meercode.io/\"\u003e\n    \u003cimg src=\"https://meercode.io/badge/pankod/next-boilerplate?type=ci-score\u0026lastDay=60\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://meercode.io/\"\u003e\n    \u003cimg src=\"https://meercode.io/badge/pankod/next-boilerplate?type=ci-success-rate\u0026lastDay=60\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- CodeClimate --\u003e\n  \u003ca href=\"https://codeclimate.com/github/pankod/next-boilerplate/maintainability\"\u003e\n    \u003cimg src=\"https://api.codeclimate.com/v1/badges/077c02d5cb9ec7d8a654/maintainability\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- TestCoverage --\u003e\n  \u003ca href=\"https://codeclimate.com/github/pankod/next-boilerplate/test_coverage\"\u003e\u003cimg src=\"https://api.codeclimate.com/v1/badges/077c02d5cb9ec7d8a654/test_coverage\" /\u003e\u003c/a\u003e\n  \u003c!-- Build Status --\u003e\n  \u003ca href=\"https://travis-ci.org/pankod/next-boilerplate\"\u003e\n    \u003cimg src=\"https://travis-ci.org/pankod/next-boilerplate.svg?branch=master\" alt=\"Build Status\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- Dependency Status --\u003e\n  \u003ca href=\"https://david-dm.org/pankod/next-boilerplate\"\u003e\n    \u003cimg src=\"https://david-dm.org/pankod/next-boilerplate.svg\" alt=\"Dependency Status\" /\u003e\n  \u003c/a\u003e\n  \u003c!-- devDependency Status --\u003e\n  \u003ca href=\"https://david-dm.org/pankod/next-boilerplate#info=devDependencies\"\u003e\n    \u003cimg src=\"https://david-dm.org/pankod/next-boilerplate/dev-status.svg\" alt=\"devDependency Status\" /\u003e\n  \u003c/a\u003e\n\u003c/div\u003e\n\n\n\u003cbr/\u003e\n\u003cdiv align=\"center\"\u003e\n  \u003csub\u003eCreated by \u003ca href=\"https://www.pankod.com\"\u003ePankod\u003c/a\u003e\u003c/sub\u003e\n\u003c/div\u003e\n\n\n\n## About\n\n\nNext.js is a minimalistic React framework that runs on the browser and the server. It offers developers an easy way to get started, and as it uses React.js for templating, it's also a straightforward way for developers with React experience to get productive quickly.\n\nThe advantage of this approach is to be able to create rich user experiences in a uniform way, without compromising SEO (Search Engine Optimisation) factors that are key to good ranking on Google and other search engines.\n\nThis boilerplate makes it easier to get up and running with a well-structured Next.js and TypeScript application.\n\n\u003cbr/\u003e\n\n## Features\n\n\nnext-boilerplate project provides a lot of features out of the box. Here's an overview of the included components and tools.\n\n* **Next.js** - Minimalistic framework for server-rendered React applications.\n* **Typescript** - Superset of JavaScript which primarily provides optional static typing, classes and interfaces.\n* **Redux** - A predictable state container for JavaScript apps.\n* **Express.js**- A minimal and flexible Node.js web application framework that handles server-side rendering and integrates with Next.js.\n* **Built-in Project CLI**- Create pages, components, actions, reducers with one command by using built-in cli.\n* **Sass/Scss** - CSS preprocessor, which adds special features such as variables, nested rules and mixins (sometimes referred to as syntactic sugar) into regular CSS.\n* **Docker** - A tool designed to make it easier to create, deploy, and run applications by using containers.\n* **Babel** -  The compiler for next generation JavaScript.\n* **ESLint** - The pluggable linting utility.\n* **Reverse Proxy** - Lightweight server for proxying API requests.\n* **Bundler Analyzer** - Visualize the size of webpack output files with an interactive zoomable treemap.\n* **Jest** - Javascript testing framework , created by developers who created React.\n* **React Testing Library** - Simple and complete React DOM testing utilities that encourage good testing practices.\n* **next-runtime-dotenv** - Expose environment variables to the runtime config of Next.js\n* **next-i18next** - An internationalization-framework which provides a function that takes a key, some options, and returns the value for the current language. Helps you to add language translation support to your app.\n* **Storybook** - An open source tool for developing UI components in isolation for React.\n* **Bootstrap** - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites.\n\u003cbr/\u003e\n\n\n## Setup \u0026 Documentation\n\nPlease refer to our [setup guide](https://pankod.github.io/next-boilerplate/docs/setup) to create a new app.\n\n\nFor more detailed documentation, check out https://pankod.github.io/next-boilerplate/\n\n\u003cbr/\u003e\n\n## Built-in CLI\n\n\n\u003cdiv\u003e\n \u003cimg width=\"600\" src=\"./boilerplate-cli.gif\" \u003e\n\u003c/div\u003e\n\u003cbr/\u003e\n\u003cbr/\u003e\n\nPankod boilerplate is shipped with a CLI tool to streamline the creation of new components. By using the CLI tool, you may easily add pages, class components or functional components to your project and have all the required actions, reducers and imports are automatically created for you.\n\u003cbr /\u003e\n\nTo start the CLI, you may have to install it beforehand if you haven't yet.\n\n```\n~ $ npm i -g @pankod/pankod-cli\n```\n\nThen you can use it in your projects:\n```\n~ $ npm run cli\n```\n\nAfter starting, an interactive menu will let you configure the component to be created. Firstly, you'll be asked for the type of the component whether it's a page or a functional component. Then you'll be prompted with the other options relevant to your selection.\n\nEventually, you'll end up with a page or component with style and test files in no time.\n\n\u003cbr/\u003e\n\n\n## License\n\nLicensed under the MIT License, Copyright © 2018-present Pankod\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpankod%2Fnext-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpankod%2Fnext-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpankod%2Fnext-boilerplate/lists"}