Code Monkey home page Code Monkey logo

create-t3-app's Introduction

create-t3-app

Interactive CLI to quickly set up an opinionated, full stack, typesafe NextJS project using the T3 Stack


PRs-Welcome NPM version Downloads

Usage

npm

npx create-t3-app@latest

yarn

yarn create t3-app

pnpm

pnpm dlx create-t3-app@latest

Table of contents

What is this? Some kinda template?

Kind of. We love all of the technologies that create-t3-app includes, but we do NOT believe every project needs all of them.

We made create-t3-app to do one thing - simplify the complex boilerplate around the core T3 Stack tech without compromising the modularity of the pieces.

This is NOT an all-inclusive template. We expect you to bring your own libraries as well.

We are selective about the packages we have included. We don't add libraries that are as simple as an npm install zustand. If you cut an issue asking us to add your preferred libraries, we will make fun of you.

What is the T3 Stack?

The "T3 Stack" is a web development stack made by Theo, focused on simplicity, modularity, and full-stack typesafety.

Watch the video

Watch Theo's overview on Youtube here

It consists of

If you're looking for more info about this stack (state management solutions, deployment recommendations, etc) - check out init.tips

T3 Axioms

I'll be frank - this is an opinionated project. We share a handful of core beliefs around building, and we treat them as the basis for our decisions.

1. Solve Problems

It's easy to fall in the trap of "adding everything" - we explicitly don't want to do that. Everything added to create-t3-app should solve a specific problem that exists within the core technologies included.

This means we won't add things like state libraries (zustand, redux), but we will add things like NextAuth.js and integrate it with Prisma and tRPC for you

2. Bleed Responsibly

We love our bleeding edge tech. The amount of speed and, honestly, fun that comes out of new shit is really cool. We think it's important to bleed responsibly, using riskier tech in the less risky parts.

This means we wouldn't bet on risky new database tech (SQL is great!) - but we happily bet on tRPC (it's just functions, moving off it is trivial).

3. Typesafety Isn't Optional

Two of the three T's are typesafe (Typescript, tRPC). We take typesafety seriously in these parts. Any decision that compromises the full-stack typesafe nature of create-t3-app is a decision that should be made in a different project.

Dev/Contributor Setup

Read the Contributing guidelines

To install dependencies

# Install pnpm
npm install -g pnpm
# Install dependencies
pnpm install
# Initial build
pnpm run build
# Start the package locally
pnpm start

Contributors

We ๐Ÿ’– contributors! Feel free to contribute to this project

Made with contrib.rocks.

Powered by vercel

create-t3-app's People

Contributors

alexanderdunlop avatar asrvd avatar balazsorban44 avatar barrybtw avatar bendundon avatar biowaffeln avatar carlosgomez-dev avatar devkevbot avatar dhravya avatar fedeorlandau avatar fernandoxu avatar fizzify avatar idarklightning avatar jacobmgevans avatar jasondocton avatar jeri436 avatar jsjoeio avatar juliusmarminge avatar mnik01 avatar mwhite-22 avatar nexxeln avatar patelzz007 avatar robertmcabee avatar s0er3n avatar sidwebworks avatar sillyvan avatar t3dotgg avatar theycallmecheng avatar vitorwlima avatar wlechowicz avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.