a first look at create-t3-app

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • create-t3-app

    The best way to start a full-stack, typesafe Next.js app

  • create-t3-app is a fullstack React framework and CLI that has emerged as an evolution of the T3 stack recommended on Theo Browne's website init.tips. It is described by its creators as "kind of a template," a description meant to stress that it is "NOT a template". Its goal is to provide the quickest way to start a new fullstack, typesafe web application. To achieve this goal, the stack is architected around three foundational constituents:

  • create-nex-app

    create websites using my preferred stack

  • Nexxel was blogging about tRPC in May right before launching the framework. Build end to end typesafe APIs with tRPC signaled the birth of the framework on May 21, 2022 along with an initial commit on May 20, 2022. Originally called Create Nex App, the README described the project like so:

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • create-t3-app

    Discontinued CLI to scaffold a starting project using the t3 stack [Moved to: https://github.com/t3-oss/create-t3-app] (by nexxeln)

  • Nexxel was blogging about tRPC in May right before launching the framework. Build end to end typesafe APIs with tRPC signaled the birth of the framework on May 21, 2022 along with an initial commit on May 20, 2022. Originally called Create Nex App, the README described the project like so:

  • TypeScript

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

  • Typed React frontend (TypeScript and Next.js)

  • nexxel.dev

    Boring personal site built with Astro

  • Throughout the month of June, the GitHub repo gained nearly 2,000 GitHub stars. Despite having only been created at the end of May, the project had reached nearly unprecedented levels of momentum. On July 17, 2022, nexxel migrated his personal blog to create-t3-app and by the middle of August the project had over 5,000 stars.

  • trpc

    🧙‍♀️ Move Fast and Break Nothing. End-to-end typesafe APIs made easy.

  • Thankfully, my hopes were fulfilled when lead tRPC maintainer, Alex Johansson opened a PR with a tRPC Cell example that he acknowledged was influenced by RedwoodJS.

  • Prisma

    Next-generation ORM for Node.js & TypeScript | PostgreSQL, MySQL, MariaDB, SQL Server, SQLite, MongoDB and CockroachDB

  • Typed database client (Prisma)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • zart

    Discontinued 🤯 zART-stack — Zero-API, React [Native], & TypeScript

  • Thankfully, my hopes were fulfilled when lead tRPC maintainer, Alex Johansson opened a PR with a tRPC Cell example that he acknowledged was influenced by RedwoodJS.

  • zod

    TypeScript-first schema validation with static type inference

  • We want to be able to query an individual blog post based on its id. Since we will be sending data to the database, we need to validate the input. zod is a TypeScript schema validator with static type inference. We'll also import TRPCError for error handling.

  • init.tips

  • Repo

  • templates

    Railway starters (by railwayapp)

  • We'll use Railway to provision a PostgreSQL database. First, you need to create a Railway account and install the Railway CLI. If you are unable to login through the browser, run railway login --browserless instead.

  • Next.js

    The React Framework

  • Typed React frontend (TypeScript and Next.js)

  • cli

    GitHub’s official command line tool

  • Commit your current changes and create a new repository on GitHub with the GitHub CLI.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts