https://github.com/tiesen243/create-yuki-app
A Next.js template with TypeScript, Tailwind CSS, ESLint, Prettier and tRPC.
https://github.com/tiesen243/create-yuki-app
eslint lucia-auth nextjs14 prettier react-query tailwindcss template trpc
Last synced: 11 months ago
JSON representation
A Next.js template with TypeScript, Tailwind CSS, ESLint, Prettier and tRPC.
- Host: GitHub
- URL: https://github.com/tiesen243/create-yuki-app
- Owner: tiesen243
- License: mit
- Created: 2024-10-17T10:41:35.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-08T13:24:47.000Z (over 1 year ago)
- Last Synced: 2025-02-07T13:15:19.936Z (over 1 year ago)
- Topics: eslint, lucia-auth, nextjs14, prettier, react-query, tailwindcss, template, trpc
- Language: TypeScript
- Homepage: https://create-yuki-app.vercel.app
- Size: 828 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Create Yuki App
> [!WARNING]
> This repository has been moved to [tiesen243/create-yuki-stack](https://github.com/tiesen243/create-yuki-stack)
A modern Next.js starter template with TypeScript, Tailwind CSS, and shadcn/ui components.
## Installation
1. Create next-app with this example
```bash
bun create next-app --example https://github.com/tiesen243/create-yuki-app
```
2. Set up environment variables:
```bash
cp .env.example .env.local
```
3. Start the development server:
```bash
bun dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser.
## Available Scripts
| Script | Description |
| ------------ | --------------------------------------- |
| `dev` | Start development server with Turbopack |
| `build` | Build for production |
| `start` | Start production server |
| `lint` | Run ESLint |
| `lint:fix` | Run ESLint and fix issues |
| `format` | Check formatting with Prettier |
| `format:fix` | Format code with Prettier |
| `typecheck` | Run TypeScript type checking |
## Features
- ⚡ **Next.js 15** with App Router
- 🎨 **Tailwind CSS 4** with custom design system
- 🧩 **shadcn/ui** components
- 📱 **Responsive design** with dark mode support
- 🔧 **TypeScript** for type safety
- 🌟 **Modern tooling** (ESLint, Prettier, Turbopack)
- 🔒 **Environment validation** with Zod
- 📦 **Component library** ready
## Tech Stack
- **Framework**: Next.js 15
- **Language**: TypeScript 5
- **Styling**: Tailwind CSS 4
- **UI Components**: shadcn/ui with Radix UI primitives
- **Icons**: Lucide React
- **Validation**: Zod 4
- **Theme**: next-themes for dark mode
- **Fonts**: Geist Sans & Geist Mono
## Project Philosophy
This starter template follows modern React and Next.js best practices:
- **Type Safety**: Full TypeScript coverage with strict configuration
- **Performance**: Optimized builds with Turbopack in development
- **Developer Experience**: Comprehensive linting, formatting, and tooling
- **Accessibility**: Built-in a11y support through shadcn/ui components
- **Maintainability**: Clear project structure and documentation