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.
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.