Callstack
pnpm/turborepo モノリポボイラープレート
Overview
This project presents an innovative boilerplate structured with a monorepo configuration, integrating both frontend and backend components seamlessly. Built using advanced technologies such as pnpm and turbo, it showcases the potential of managing multiple projects within a single repository. The application utilizes GraphQL for the backend and React for the frontend, aiming to streamline development processes while adopting modern practices.
This boilerplate is still under development, but it highlights the growing trend of monorepo setups in modern web applications. The organized technical stack enables developers to quickly set up and manage their development and production environments, making it a valuable asset for those looking to build robust applications.
Features
- Monorepo Structure: Manages multiple projects within one repository for improved organization and collaboration.
- GraphQL Backend: Utilizes GraphQL with tools like graphql-yoga and prisma for efficient database access and data management.
- React Frontend: Built with React, providing a dynamic and responsive user interface supported by vite and tailwindcss.
- Robust Security Measures: Implements various security features such as JWT authentication and graphql-armor for enhanced protection.
- Development Environment Tools: Includes modern tools like pnpm and turborepo for package management and monorepo handling.
- Containerized Infrastructure: Utilizes Docker for both development and production environments, ensuring consistency across setups.
- Comprehensive CI/CD Pipeline: Employs GitHub Actions for type checking and future test automation, streamlining the deployment process.
- Flexible Routing: Incorporates @tanstack/react-router for efficient navigation within the application.
- React
React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components
- Tailwind
Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.
- NextUI
NextUI is a UI library for React that helps you build beautiful and accessible user interfaces. Created on top of Tailwind CSS and React Aria.
- Prisma
Prisma is a server-side library that helps developers read and write data to the database in an intuitive, efficient and safe way.
- Fullstack
A fullstack boilerplate provides a starter application that includes both frontend and backend. It should include database, auth, payments, user roles and other backend services to build a fully featured saas or webapps.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Storybook
Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.
- Turborepo
Turbo is an incremental bundler and build system optimized for JavaScript and TypeScript, written in Rust.