COMM-HUB

The frontend boilerplate with superpowers!

React-Bootstrap

Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit.

SASS/SCSS

Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax.

Axios

Promise based HTTP client for the browser and node.js.

SVGR

Transform SVGs into React components.

Environment Variables

Use environment variables in your next.js project for server side, client or both.

Reverse Proxy

Proxying some URLs can be useful when you have a separate API backend development server and you want to send API requests on the same domain.

Bundle Analyzer

Use webpack-bundle-analyzer in your Next.js project. Visualize size of webpack output files with an interactive zoomable treemap.

Apollo GraphQL

Apollo Client is a comprehensive state management library for JavaScript that enables you to manage both local and remote data with GraphQL. Use it to fetch, cache, and modify application data, all while automatically updating your UI.

MobX

MobX is unopinionated and allows you to manage your application state outside of any UI framework.

MobX State Tree

MobX-State-Tree (also known as MST) is a state container system built on MobX, a functional reactive state library.

next-i18next

next-i18next is a plugin for Next.js projects that allows you to get translations up and running quickly and easily, while fully supporting SSR, multiple namespaces with codesplitting, etc.

ESLint

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

Prettier

An opinionated code formatter; Supports many languages; Integrates with most editors.

lint-staged

The concept of lint-staged is to run configured linter (or other) tasks on files that are staged in git.

Enzyme

Enzyme is a JavaScript Testing utility for React that makes it easier to test your React Components' output. You can also manipulate, traverse, and in some ways simulate runtime given the output.

Webdriver IO

Next-gen browser and mobile automation test framework for Node.js.

Docker

Docker simplifies and accelerates your workflow, while giving developers the freedom to innovate with their choice of tools, application stacks, and deployment environments for each project.

Github Actions

GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub.