There are a variety of tools, frameworks, and processes that support modern Next.js applications– especially when working as part a team. This workshop shares some suggestions and best practices for building a rock-solid foundation for your project's infrastructure. Here's the breakdown:
- Code Style & Consistency: Use tools like ESLint and Prettier to enforce style guides for your team.
- Component Organization: Learn to weigh the pros and cons of different project organization strategies for promoting reusability and easier navigation.
- Build a Component Library: Use Storybook for building and documenting components in isolation.
- Unit and End-to-End Testing: Implement tests with Jest, Vitest, Cypress, and Playwright for both client and server side.
- Monorepo Management: When your team works on multiple projects, Turborepo helps manage shared code and dependencies.
- Client & React Server Components: Go deeper into client components and RSCs, including strategies for handling context and data sharing.