Next.js Project with TypeScript, Docker, ESLint, Prettier, Jest, Testing Library, Storybook, Styled Components, and More

This is a boilerplate for a Next.js project with various features already integrated. The features include:

• TypeScript for type checking and improving the code quality
• Docker for containerizing the application and ensuring consistency across different environments
• ESLint for linting and enforcing code quality standards
• Prettier for formatting the code automatically and consistently
• Jest for testing the code and ensuring correctness
• Testing Library for writing user-focused tests
• Storybook for developing and testing UI components in isolation
• Styled Components for styling the components using CSS-in-JS
• Next Font for optimizing and loading custom Google Fonts
• Next PWA for adding Progressive Web App (PWA) features to the application
• Husky for running scripts automatically on Git hooks
• Lint Staged for running linters on staged files only
• Commitlint for enforcing commit message conventions
• Commitizen for making commit messages easier to write and understand
• Plop for generating code snippets and templates

To create a new application from this template, run the following command:

yarn create next-app -e https://github.com/rafikmoreira/next-boilerplate

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

The application will be available at http://localhost:3000 in your browser.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, check out the following resources:

• Next.js Documentation - learn about the features and API of Next.js
• Learn Next.js - an interactive tutorial for Next.js

You can also contribute to the Next.js GitHub repository and provide feedback on this project.