Jump to content background pattern

The best way to setup an opinionated, full-stack, typesafe Next.js project

Documentation Github

What is this? Some kinda template?

Kind of. We love all of the technologies that create-t3-app includes - check out init.tips for even more info on topics such as state management and deployment - but we do not believe these are needed on every project.

So we made create-t3-app to do one thing: Simplify complex boilerplate around the core T3 Stack tech without compromising the pieces modularity. This is NOT an all-inclusive template and we expect you to bring your own libraries as well.

Libraries that work

Without the complex setup

create-t3-app gives you the option to install libraries that you need without the hassle of scaffolding it all yourself.

Next.js

Next.js

We love React. It has made UI development accessible in ways we never imagined before. It also can lead developers down some rough paths. Next.js offers a lightly opinionated, heavily optimized approach to creating a website using React. From routing to API definitions to image rendering, we trust Next.js to lead developers towards good decisions.
Prisma

Prisma

Prisma is the best way to work with databases in your NextJS app. It provides a simple, type-safe API to query your database, and it can be used with a bunch of different databases, including Postgres, MySQL, SQL Server, and SQLite.
TypeScript

Typescript

Javascript is hard. Why add more rules? We firmly believe the experience TypeScript provides will help you be a better developer, regardless of where you are in your career as an engineer. Whether you're new to web development or a seasoned pro, the "strictness" of TypeScript will provide a less frustrating, more consistent experience than vanilla JS.
Tailwind CSS

TailwindCSS

TailwindCSS is a utility-first CSS framework that helps you build beautiful, responsive designs without any extra configuration. It’s built with utility-first principles, and is completely customizable and extendable.

tRPC

If you use TypeScript on both the frontend and backend, you should use tRPC to infer types to create a full stack type-safe API. It can be used in place or alongside Next.js' API routes, or as a standalone server.
NextAuth.js

NextAuth.js

When you need a flexible, secure, and scalable authentication solution, NextAuth.js is the go-to. It ties into your existing database and provides a simple API to manage users and sessions, and ties into NextJS and tRPC to provide a seamless experience.

Loved by the community

What others have to say about create-t3-app

Want to be listed here? Mention @placeholder on Twitter!

Community

Join our community to get help, share your projects, and even contribute to the project!

Discord

Discord

Join our Discord server to chat with other developers and get help with your projects.

GitHub

Github

Contribute to the project by submitting issues and pull requests on our Github repository.

Twitter

Twitter

Join us on Twitter for shitposts