Top 5 TypeScript create-t3-app Projects

create-t3-app

183 23,295 9.2 TypeScript

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

Project mention: Deploy Full-Stack Next.js T3App with Cognito and Prisma using AWS Lambda | dev.to | 2024-04-15

import { unstable_noStore as noStore } from "next/cache"; import Link from "next/link"; import { CreatePost } from "~/app/_components/create-post"; import { getServerAuthSession } from "~/server/auth"; import { api } from "~/trpc/server"; export default async function Home() { noStore(); const hello = await api.post.hello.query({ text: "from tRPC" }); const session = await getServerAuthSession(); return (

Create T3span> App h1>

First Steps →h3>
Just the basics - Everything you need to know to set up your database and authentication. div> Link>
Documentation →h3>
Learn more about Create T3 App, the libraries it uses, and how to deploy it.div> Link> div>

{hello ? hello.greeting : "Loading tRPC query..."}p>

{session && Logged in as {session.user?.email}span>} p> {session ? "Sign out" : "Sign in"} Link> div> div> div> main> ); } async function CrudShowcase() { const session = await getServerAuthSession(); if (!session?.user) return null; const latestPost = await api.post.getLatest.query(); return (
{latestPost ? (
Your most recent post: {latestPost.name}p> ) : (
You have no posts yet.p> )} div> ); }

t3-blog

1 123 9.0 TypeScript

Typescript Fullstack forum made with Next.js, tRPC, Prisma, Next Auth, Tailwind CSS, S3 uploads, Zod & more. (by leojuriolli7)

Project mention: With Next-auth, is there a good way to go about re-styling this page? Like add some branding around it or sum, change the colors. | /r/nextjs | 2023-06-18

You can make your own pages, it sounds difficult but it's really simple. For example: https://github.com/leojuriolli7/t3-blog/tree/main/src/pages/auth

SurveyJS

surveyjs.io sponsored

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.
swiftube-frontend

3 34 6.5 TypeScript

It's like ChatGPT for videos.

Project mention: 📽️ Introducing Swiftube - Make simple talking-head videos in React ⚛️ | /r/react | 2023-05-28

portfolio

3 10 7.5 TypeScript

🚀 A sleek, modern, and responsive personal portfolio created with create-t3-app (by wendoj)

Project mention: Open-Source Beautiful, Responsive Developer Portfolio Made in Next.js | news.ycombinator.com | 2024-02-12

moviexyz

3 7 4.6 TypeScript

moviexyz is a website to help people discover random movies at the click of a button
WorkOS

workos.com sponsored

The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).