t3-app-template - GitLite

KO | EN

gitlite — search

#python #typescript #llm #go #android #machine-learning #rust #java #windows #vue #awesome-list #security #ios #open-source

t3-app-template

(★ 258)

This is the admin template for T3 Stack and shadcn ui

File Explorer

Download Latest Version (.zip)

- dark.png
- example-01-dark.png
- example-01-light.png
- light.png
- schema.prisma
- favicon.ico
- - useSidebar.tsx
- - utils.ts
  - validators.tsx
- - _app.tsx
  - index.tsx
- - modal-provider.tsx
- - auth.ts
  - db.ts
- - globals.css
- - index.tsx
- - api.ts
- env.mjs
.env.example
.eslintrc.cjs
.gitignore
components.json
LICENSE
next.config.mjs
package-lock.json
package.json
postcss.config.cjs
prettier.config.cjs
README.md
tailwind.config.ts
tsconfig.json

# Installation Guide

1. Get the code

git clone https://github.com/gaofubin/t3-app-template

Downloads the entire project code from GitHub to your computer.

cd t3-app-template

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [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/

![Alt text](https://raw.githubusercontent.com/gaofubin/t3-app-template/main/demo/light.png)

![Alt text](https://raw.githubusercontent.com/gaofubin/t3-app-template/main/demo/dark.png)

![Alt text](https://raw.githubusercontent.com/gaofubin/t3-app-template/main/demo/example-01-light.png)

![Alt text](https://raw.githubusercontent.com/gaofubin/t3-app-template/main/demo/example-01-dark.png)