About Juun

A modern Next.js monorepo template with complete UI system, state management, and developer tooling.

Project Overview

This Turborepo-powered monorepo structure includes a Next.js application, reusable UI components, and shared configurations. It's designed as a starting point for modern web applications with an emphasis on developer experience and performance.

Next.js 15
React 19
TypeScript
Tailwind CSS
Turborepo
Zustand
shadcn/ui
Monorepo Structure
Organized workspace layout

juun/

├── apps/

│   └── web/ # Next.js application

└── packages/

     ├── config/ # Shared configuration

     └── ui/ # Component library

Key Features

UI System

Complete UI component library with shadcn/ui, custom components, dark mode, and responsive design.

Developer Experience

Turborepo for build optimization, PNPM for fast package management, and comprehensive linting and testing setup.

State Management

Zustand with middleware support for simple and performant state management across the application.

Content System

Dynamic routing for portfolio and blog posts with metadata, tagging, and responsive layouts.

CI/CD & Deployment

GitHub Actions workflows for continuous integration, automated testing, and deployment to Vercel.

Custom Components

This project includes several custom components beyond the standard shadcn/ui library:

Wheel Menu

Circular menu component with customizable icons, sectors, and interactions.

Blog Components

Table of contents, reading progress, code blocks with syntax highlighting, and responsive layouts.

3D Components

Three.js integration with React for interactive 3D elements and animations.

Technologies

Core Technologies

Next.js
Next.js 15
React
React 19
TypeScript
TypeScript
Tailwind CSS
TailwindCSS
Redux
Zustand
pnpm
PNPM

Developer Tools

Turborepo
Turborepo
ESLint
ESLint
Jest
Jest
Storybook
Storybook
Prettier
Prettier
GitHub Actions
GitHub Actions

Get Started

Explore this project further or check out the code repository to use it as a template for your own projects.