Next-Plate features all the latest tools and good practices in web development.
Framework
- ⚛️ Next.js – A complete React framework for hybrid and server rendering
Data Fetching
- ✳️ React Query – Hooks for fetching, caching and updating asynchronous data in React
- ❇️ SWR (alternative for React Query) – A React Hooks library for data fetching
- 🔄 Axios – Promise based HTTP client for the browser and Node.js
State Management
- 🐻 Zustand – A small, fast and scalable bearbones state-management solution using simplified flux principles
Design System and Animations
- 🎨 Chakra-UI – A simple, modular and accessible component library that gives you the building blocks to build your React applications
- 🎞️ Framer Motion – A production-ready motion library for React
- ✨ React Icons – A collection of popular icons to React projects
Form Validation
- 📋 React Hook Form – Performant, flexible and extensible forms with easy-to-use validation
- 🚨 Yup – A schema builder for runtime value parsing and validation
Tests
- 🃏 Jest – A delightful JavaScript Testing Framework with a focus on simplicity
- 🐙 Testing Library – Simple and complete testing utilities that encourage good testing practices
Design Patterns
- ⛔ ESLint – Find and fix problems in your JavaScript code
- 🎀 Prettier – An opinionated code formatter, supporting multiple languages and code editors
- 🐺 Husky – Modern native Git hooks made easy
- 💩 lint-staged – Run linters against staged git files and don't let 💩 slip into your code base
- 📓 commitlint – Helps your team adhering to a commit convention
- 🏷️ Standard Version – A utility for versioning using semver and CHANGELOG generation powered by Conventional Commits
Analysis
- 🕵🏻♂️ why-did-you-render (optional) – Notify you about potentially avoidable re-renders
Additional Plugins
- 🗃️ next-compose-plugins – Provides a cleaner API for enabling and configuring plugins for Next.js
- 📱 next-pwa – A PWA plugin for Next.js
- 📈 next-seo – A plugin that makes managing your SEO easier in Next.js projects
- 🤖 next-sitemap – Sitemap generator for Next.js