Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gaofubin/t3-app-template
This is the admin template for T3 Stack and shadcn ui
https://github.com/gaofubin/t3-app-template
admin-dashboard date-fns headless lucide-icons mobile-sidebar react-hook-form react-hot-toast react-icons shadcn shadcn-ui sidebar t3-stack tanstack-query tanstack-table typescript
Last synced: 4 days ago
JSON representation
This is the admin template for T3 Stack and shadcn ui
- Host: GitHub
- URL: https://github.com/gaofubin/t3-app-template
- Owner: gaofubin
- License: mit
- Created: 2023-12-06T10:27:04.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-01T08:04:22.000Z (2 months ago)
- Last Synced: 2025-01-01T07:02:31.462Z (11 days ago)
- Topics: admin-dashboard, date-fns, headless, lucide-icons, mobile-sidebar, react-hook-form, react-hot-toast, react-icons, shadcn, shadcn-ui, sidebar, t3-stack, tanstack-query, tanstack-table, typescript
- Language: TypeScript
- Homepage: https://t3-app-template.vercel.app
- Size: 2.27 MB
- Stars: 235
- Watchers: 2
- Forks: 43
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# [T3 App Template]: T3 Stack with shadcn-ui Admin Layout
## Overview
This project is a management interface developed using the [T3 Stack](https://create.t3.gg/), encapsulated with [shadcn-ui](https://ui.shadcn.com/)
. It aims to provide a responsive, user-friendly, and feature-rich admin interface suitable for various devices and screen sizes.
## Features
- Theme Switching: Allows users to switch the interface theme according to their preference or requirement.
- Responsive Sidebar: A flexible sidebar that adapts to different screen sizes and devices.
- Sidebar Shrinking: Users can expand or collapse the sidebar as needed to optimize screen space.
- Secondary Menu in Sidebar: For better organization and access, the sidebar includes multi-level menus.
- Mobile Sidebar: Specially designed for mobile devices to ensure smooth usage on smaller screens.
- Tanstack Table: Use tanstack table to implement curd operation
- NextAuth: Implemented Github login using NextAuth
- Global: Header, Loading and Modal
- Select: Implement multi-select input example
- Step Form: Implement step-form example
- Other Features...: Waiting for further updates
## Quick Start
1. Clone the repository: git clone https://github.com/gaofubin/t3-app-template.git
2. Install dependencies: npm install
3. Start the project: npm run dev
## Dashboard Demo
> Demo Link: https://t3-app-template.vercel.app/
