Setting up an opinionated starter Nextjs professional React 17 project with must-have ReactJS libraries

This article will cover how to set a starter Nextjs professional React v17 project with must-have ReactJS libraries including TypeScript, Storybook, ESlint, Mock Service Worker CSS, Styled Components, Jest + react-testing-library, Cypress, Prettier, Husky, and analyzer Bundle.

Nextjs is a great starter project for React when there is a need for SSR (server-side rendering), you can be up and running quickly. It includes vanilla flavor packages and other opinionated basic features such as pages, CSS support, optimizations, ESlint, and more. Additionally, it has an option to include templates or you can create your template.

If you building a client-side project, check the CRA starter project.

After working & reviewing projects and libraries that help get the job done with Nextjs, it’s hard to stay neutral and not to form an opinion one way or another.

I have set this template project with some of my favorite libraries to help get started quickly on a new project without spending the day setting up libraries, configuration, and tuning knobs.

Keep in mind the libraries I selected are very opinionated and you may choose to remove/add other libraries, feel free to fork and…