A favicon of Turborepo Next Express Shadcnui Starter

Turborepo Next Express Shadcnui Starter

A Turborepo boilerplate to efficiently start web development with Next.js frontends, an Express backend, and shared ShadcnUI components.

A screenshot of Turborepo Next Express Shadcnui StarterVisit

Accelerate Full-Stack Development with Turborepo, Next.js, Express, and ShadcnUI

This starter template leverages Turborepo to manage a monorepo structure, integrating Next.js for building dynamic frontend applications (including separate 'admin' and 'web' apps), an Express.js backend API, and ShadcnUI for a shared UI component library. It provides a robust foundation for developing full-stack applications efficiently, pre-configured with TypeScript, ESLint, and Prettier to ensure code quality and consistency, allowing developers to focus on feature implementation.

Features:

  • Next.js Admin Application: A dedicated Next.js app designed for administrative interfaces.
  • Next.js Web Application: A separate Next.js app for the primary user-facing website.
  • Express.js Backend API: An included Express.js application to handle server-side logic and API endpoints.
  • Shared Shadcn/UI Library: A common UI package using Shadcn/UI components, accessible by both 'web' and 'admin' applications.
  • Custom ESLint Configuration: Pre-configured ESLint setup, incorporating eslint-config-next and eslint-config-prettier for consistent code linting.
  • Monorepo TypeScript Configuration: Centralized tsconfig.json files ensuring consistent TypeScript settings across the entire monorepo.
  • Full TypeScript Support: All packages and applications are written entirely in TypeScript for enhanced type safety.
  • Easy Shadcn/UI Component Addition: A CLI command (npm run ui:add) to seamlessly integrate new Shadcn/UI components into the shared UI package.
  • Prettier Integration: Pre-configured Prettier for automated code formatting, maintaining a uniform coding style.
  • Optimized Build Process: A single command (npm run build) to efficiently build all applications and packages within the monorepo.
  • Unified Development Environment: A single command (npm run dev) to concurrently start development servers for all apps and packages.
  • Turborepo Remote Caching: Support for Turborepo's Remote Caching (via Vercel integration) to accelerate build times across different machines and CI/CD pipelines.

Summary:

This Turborepo starter offers a comprehensive, pre-configured monorepo for building modern full-stack applications. It combines Next.js for versatile frontend experiences, Express.js for a stable backend API, and ShadcnUI for contemporary UI elements. Enhanced with integrated tools like TypeScript, ESLint, Prettier, along with Turborepo’s build optimizations and remote caching capabilities, it empowers developers to rapidly prototype and scale projects using a streamlined workflow and a consistent codebase.

Distribution:
opensource
GitHub:
9 Stars
2 Forks
Share:

 

  
 

Similar to Turborepo Next Express Shadcnui Starter: