App Logo

Hello

Welcome to your modern app template. Built with Next.js, TypeScript, and tRPC for rapid development.

Sample Pages

Style Guide

Explore the design system and UI components available in this template.

Form Example

This page demonstrates custom form components with TanStack Form, Zod validation, and real-time async validation.

Data Table Example

This page demonstrates the DataTable component with sample data and different data types.

Login Example

This page requires login to access.

Queries: Prefetching Example

This page demonstrates data prefetching with tRPC and React Query.

Queries: Client-Side Example

This page shows how to handle client-side data fetching and form submission.

What is Included

Fast & Modern

Built with Next.js 15, TypeScript, and modern development practices

Type-Safe API

End-to-end type safety with tRPC and automatic API validation

Secure Auth

Built-in authentication system with session management

Getting Started

Start building your own app with this template in just one command:

git clone https://github.com/ucdavis/app-template/ my-app

This will scaffold a new project using this template, so you can get started quickly with all the best practices and tools already set up.