More Premium Hugo Themes Premium Nextjs Themes

Nextjs Boilerplate

Simple Next.js boilerplate with lint-staged, husky, eslint + prettier, jest, commitlint + commitizen, next-pwa, storybook and styled-components.

Nextjs Boilerplate

Simple Next.js boilerplate with lint-staged, husky, eslint + prettier, jest, commitlint + commitizen, next-pwa, storybook and styled-components.

Author Avatar Theme by felipe-jm
Github Stars Github Stars: 31
Last Commit Last Commit: Aug 23, 2023 -
First Commit Created: Jun 19, 2023 -
Nextjs Boilerplate screenshot

Overview:

This product is a template for creating a Next.js app using React.js and various other technologies. It provides a set of features and tools to help developers streamline their development process.

Features:

  • React.js: A popular JavaScript library for building user interfaces.
  • Next.js: A framework for building server-side rendered and static web applications.
  • lint-staged: A tool that runs linters on staged files to ensure code quality.
  • husky: A Git hook tool used to add pre-commit and pre-push hooks.
  • eslint: A pluggable and configurable JavaScript linter.
  • prettier: An opinionated code formatter to standardize code style.
  • jest: A JavaScript testing framework for unit tests.
  • commitlint: A tool to enforce commit message conventions.
  • commitizen: A command line tool to guide users in creating commit messages.
  • storybook: A development environment for UI components.
  • styled-components: A library for styling React components using CSS.
  • next-pwa: A plugin to convert a Next.js app into a Progressive Web App (PWA).

Installation:

To use this template, you can simply click on “Use this template” or follow these steps to create your Next.js app based on this template:

  1. Generate components by running the following command:
plop
  1. Fork the repository on GitHub.
  2. Create your branch using the command:
git checkout -b my-awesome-contribution
  1. Make your desired changes to the code.
  2. Commit your changes using the command:
git commit -m 'Add some awesome contribution'
  1. Push your changes to the branch:
git push origin my-awesome-contribution
  1. Create a pull request on GitHub.
  2. After your pull request is merged, you can safely delete your branch.

Summary:

This Next.js template provides a powerful set of technologies and tools to streamline the development process for building Next.js apps. It includes features such as linting, code formatting, testing, commit message conventions, and UI component development. By using this template, developers can save time and ensure code quality while building their Next.js applications.