NextJS15 + GraphQL
The NextJS-GraphQL-Boilerplate combines the power of Next.js with GraphQL, providing a robust starting point for modern web applications. It’s designed for developers looking to streamline their workflow with an efficient setup that leverages server-side rendering, code generation, and state management. This boilerplate is built using SWC and integrates seamlessly with tools like Jest for testing and Apollo Client for GraphQL queries, making it a comprehensive solution for full-stack development.
This boilerplate emphasizes a clean folder structure and CI/CD practices via GitHub Actions and Husky, ensuring that your project remains maintainable and efficient over time. With support for styled-components and a dedicated code generation setup through Plop.js, it caters to a wide range of development needs, allowing for both server-side and client-side components.
Next.js Framework: Utilizes the latest version of Next.js with App Router for enhanced routing capabilities.
SWC Compiler: Leverages the SWC compiler for faster builds and optimized performance.
Styled-Components for Styling: Integrates styled-components for a modular and efficient approach to styling your application.
Testing Integration: Incorporates Jest and React Testing Library for robust testing capabilities, ensuring reliability and maintainability.
Apollo Client Setup: Features Apollo Client with @apollo/client-integration-nextjs for efficient GraphQL data handling.
Code Generation with Plop.js: Allows developers to quickly generate boilerplate code for components, promoting consistency and speed.
Comprehensive CI/CD Integration: Implements CI with GitHub Actions and pre-commit hooks using Husky for improved development workflow.
Server-Side Rendering (SSR) Support: Supports SSR for both pages and components, enhancing performance and SEO capabilities.